Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

6
Як зробити <div> fill <td> висотою
Я переглянув кілька публікацій на StackOverflow, але не зміг знайти відповідь на це досить просте запитання. У мене є така конструкція HTML: &lt;table&gt; &lt;tr&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; …
99 html  css  html-table 

11
Замініть тип введення = файл на зображення
Як і багато людей, я хотів би налаштувати потворне input type=file, і я знаю, що це неможливо зробити без деяких хаків та / або javascript. Справа в тому, що в моєму випадку кнопки завантаження файлу призначені лише для завантаження зображень ( jpeg | jpg | png | gif ), тому …
99 css  image  file  button  input 


12
отримати значення процентного значення правила CSS в jQuery
Скажімо, правило таке: .largeField { width: 65%; } Чи є спосіб якось повернути '65% ', а не значення пікселя? Дякую. EDIT: На жаль, використання методів DOM в моєму випадку недостовірне, оскільки у мене є таблиця стилів, яка імпортує інші таблиці стилів, і як результат, параметр cssRules закінчується або нульовим, або …
98 jquery  css 



6
Квітка парадокса CS-z-індексу
Я хотів би створити парадоксальний ефект через властивість z-index CSS . У моєму коді є п’ять кіл, як на зображенні нижче, і всі вони абсолютно розміщені без визначеного z-index. Тому за замовчуванням кожне коло перекриває попереднє. Зараз коло 5 перекриває коло 1 (зображення ліворуч). Парадокс, якого я хотів би досягти, …
98 css  z-index 

5
Що робить зірочка (*) у селекторі CSS?
Я знайшов цей CSS-код і запустив його, щоб побачити, що він робить, і він окреслив КОЖЕН елемент на сторінці, Чи може хтось пояснити, що робить зірочка * у CSS? &lt;style&gt; * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: …

7
css z-індекс, втрачений після перетворення webkit translate3d
У мене є два абсолютно розміщені елементи Div, які перекриваються. Обидва встановили значення z-індексу через css. Я використовую translate3dперетворення webkit, щоб анімувати ці елементи з екрану, а потім повернутися на екран. Після перетворення елементи більше не поважають їх встановлені z-indexзначення. Чи може хтось пояснити, що відбувається з z-індексом / стеком-порядком …
98 css  webkit  transform 

1
Чому Bootstrap 3 перейшов на розмір коробки: border-box?
Я мігрую свої теми Bootstrap з v2.3.2 на v3.0.0, і одне, що я помітив, - це те, що багато розмірів обчислюються по-різному, завдяки наступним стилям у bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Хто-небудь може пояснити, чому Bootstrap перемикає розмір коробки всіх елементів на рамку? …

15
Як створити кнопку перемикання?
Я хочу створити кнопку переключення в html за допомогою css. Я хочу, щоб при натисканні на нього він залишався натиснутим, а потім, коли ви знову клацаєте на ньому, він вискакує. Якщо немає можливості це зробити, просто використовуючи css. Чи є спосіб це зробити за допомогою jQuery?
98 jquery  html  css 

6
Веб-шрифти або локально завантажені шрифти?
З тих пір, як виникли проблеми з використанням Cufon, я наважився не використовувати зовнішні ресурси шрифту, але, як пізно, я шукав альтернативні методи завантаження шрифтів, щоб побачити, чи є кращий спосіб; кращі методи мають спосіб просто проявитись із синього боку. Існує багато нових методів, і варіантів для кожного методу здається; …

5
HTML / CSS: зробити div "невидимим" для кліків?
З різних причин мені потрібно розмістити (переважно) прозорий &lt;div&gt;текст. Однак це означає, що на тексті не можна клацати (наприклад, клацати посиланнями або виділяти його). Чи можна було б просто зробити цей div "невидимим" для клацань та інших подій миші? Наприклад, overlayобкладинка div охоплює текст, але я хотів би мати можливість …
98 html  css  events 

8
Розширення Google Chrome - Не вдається завантажити локальні зображення за допомогою CSS
У мене є просте розширення Chrome, яке використовує функцію сценарію вмісту для зміни веб-сайту. Точніше, background-imageзазначений веб-сайт. З якихось причин я не можу використовувати локальні зображення, навіть якщо вони упаковані в розширення. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } Ось і все, найпростіший CSS ... але це …

8
Автоматична зміна розміру зображення в макеті CSS FlexBox та збереження пропорції?
Я використовував макет CSS flex box, який відображається, як показано нижче: Якщо екран стає менше, це перетворюється на таке: Проблема полягає в тому, що розміри зображень не змінюються, зберігаючи пропорції до вихідного зображення. Чи можна за допомогою чистого CSS та макета flex box змінити розмір зображень, якщо екран стає менше? …
98 html  css  flexbox 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.