Вопросы с тегом 'css3'

Третье издание языка стилей Cascading Style Sheets (часто сокращается до CSS3) объединяет мощные визуальные возможности и универсальные методы управления проектами.
33
ответов

Как сделать div на 100% высоты окна браузера?

У меня есть макет с двумя столбцами - левый div и правый div. Правильный div имеет серый background-color, и мне нужно, чтобы он расширялся вертикально в зависимости от высоты окна пользовательского браузера. Прямо сейчас background-color заканчив...
задан 16 окт. '09 в 0:18
45
ответов

Как переместить высоту: 0; высота: авто; используя CSS?

Я пытаюсь сделать слайд <ul> с помощью переходов CSS. <ul> начинается с height: 0; , При зависании высота устанавливается на height:auto; , Однако это заставляет его просто появляться, а не переход, Если я делаю это с height: 40px; hei...
задан 18 авг. '10 в 5:50
17
ответов

Как работают треугольники CSS?

В , и я особенно озадачен треугольником: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } <div id="triangle-up"></div> Ка...
задан 16 авг. '11 в 6:54
29
ответов

Переходы на дисплее: свойство

В настоящее время я разрабатываю своеобразное меню "мега-выпадающего меню" CSS - в основном обычное раскрывающееся меню только для CSS, но оно содержит разные типы контента. На данный момент, похоже, что CSS3 Transitions не относятся к свойству "di...
задан 26 июля '10 в 1:52
16
ответов

Как объединить фоновые изображения и градиент CSS3 с одним и тем же элементом?

Как использовать градиенты CSS3 для моего background-color, а затем применить background-image для применения какой-то легкой прозрачной текстуры?
задан 24 марта '10 в 1:30
19
ответов

Поддерживать соотношение сторон div с CSS

Я хочу создать div, который может изменить его ширину/высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволят изменять высоту в соответствии с шириной, , сохраняя ее соотношение сторон? Я знаю, что могу сделать эт...
задан 30 сент. '09 в 2:11
5
ответов

Что означает селектор CSS ~ (tilde/squiggle/twiddle)?

Поиск символа ~ непросто. Я просматривал некоторые CSS и нашел это .check:checked ~ .content { } Что это значит?
задан 28 мая '12 в 12:10
22
ответов

выравнивание по вертикали с помощью Bootstrap 3

Я использую Twitter Bootstrap 3, и у меня проблемы, когда я хочу выровнять по вертикали две div, например - ссылка JSFiddle: <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstra...
задан 12 дек. '13 в 18:43
3
ответов

Функция Sass Variable в функции CSS calc()

Я пытаюсь использовать функцию calc() в таблице стилей Sass, но у меня возникают некоторые проблемы. Здесь мой код: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Если я использую буквальный 50px ...
задан 01 авг. '13 в 1:30
5
ответов

Может ли псевдокласс класса not() иметь несколько аргументов?

Я пытаюсь выбрать input элементы всех type кроме radio и checkbox. Многие люди показали, что вы можете поместить несколько аргументов в :not, но использование type, похоже, не работает, я попробую. form input:not([type="radio"], [type="checkbox"]...
задан 16 апр. '11 в 5:43
25
ответов

Преобразование изображения в оттенки серого в HTML/CSS

Есть ли простой способ отображения цветного растрового изображения в оттенках серого только с HTML/CSS? Не нужно быть совместимым с IE (и я думаю, что этого не будет) - если он работает в FF3 и/или Sf3, это достаточно хорошо для меня. Я знаю, что ...
задан 04 марта '09 в 7:51
14
ответов

Есть ли способ изменить формат ввода = "дата"?

Я работаю с элементами HTML5 на своей веб-странице. По умолчанию type="date" ввода type="date" показывает дату как YYYY-MM-DD. Вопрос в том, можно ли изменить его формат на что-то вроде: DD-MM-YYYY?
задан 10 сент. '11 в 16:33
23
ответов

Вертикальное центрирование div внутри другого div

Я хочу центрировать div, который добавляется внутри другого div. <div id="outerDiv"> <div id="innerDiv"> </div> </div> Это CSS, который я использую в настоящее время. #outerDiv{ width: 500px; he...
задан 27 июня '11 в 11:22
24
ответов

Как добавить всплывающую подсказку в div

У меня есть тег div следующим образом: <html> <head></head> <body> <div> <label>Name</label> <input type="text"/> </div> </body> </htm...
задан 19 авг. '11 в 7:49
19
ответов

Разверните div, чтобы взять оставшуюся ширину

Мне нужна двухблочная div-маска, где каждый может иметь переменную ширину, например. div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Я хочу, чтобы div 'view' ра...
задан 11 авг. '09 в 15:46