css3 — вопросы с ответами

Я использую гибкую коробку для отображения 8 элементов, которые будут динамически изменяться с моей страницей. Как заставить его разбивать элементы на две строки? (4 в строке)? Вот соответствующий снипп: (Или, если вы предпочитаете jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/) .parent-wrapp...

Есть ли более flexbox -ий способ выравнивания по правому краю "Контакт", чем использовать position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2&g...

Как я могу скрыть значок сломанного изображения? Пример: [IMG_OUR_ID=383.png] У меня есть изображение с ошибкой src: <img src="Error.src"/> Решение должно работать во всех браузерах. Использование только CSS или HTML, а не JS.

У меня есть простая схема flex-box с контейнером, как: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Теперь я хочу, чтобы элементы в последнем ряду были выровнены с другим. justify-content: space-between; следует использовать, потому что ширина и высота сетки...

Я не знаю, почему этот простой CSS не работает... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; font: bold 15px/18px Arial; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap;...

Я пытаюсь заполнить вертикальное пространство элемента flex внутри flexbox. .container { height: 200px; width: 500px; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: row; -moz-...

У меня есть элемент изображения, который я хочу изменить при нажатии. <img id="btnLeft"> Это работает: #btnLeft:hover { width:70px; height:74px; } Но то, что мне нужно, это: #btnLeft:onclick { width:70px; height:74px; } Но это не работает, очевидно. Возможно ли вообще им...

Размещение SVG-вывода непосредственно в строке с кодом страницы. Я могу просто изменить цвета заливки с помощью CSS следующим образом: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Это отлично работает, однако я ищу способ изменить атрибут "fill" SVG, когда он будет испо...

Используемые мною компиляторы Less (OrangeBits и dotless 1.3.0.5) агрессивно переводя body { width: calc(100% - 250px - 1.5em); } в body { width: calc(-151.5%); } Это, очевидно, нежелательно. Мне интересно, есть ли способ сообщить компилятору Less, чтобы по существу игнорировать атрибут во время к...

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

Можно ли установить тень для элемента svg с помощью css3, что-то вроде box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я заметил некоторые замечания о создании тени с использованием эффектов фильтра. Есть ли пример использования CSS. Ниже приведен рабочий код, в котором стил...

У меня есть table, чьи td создаются динамически. Я знаю, как получить первого и последнего ребенка, но мой вопрос: Есть ли способ получить второго или третьего ребенка с помощью CSS?

Я только что установил бета-версию IE9 и на определенном сайте, который я создал (HTML5). IE9 перескакивает в режим совместимости, если я не скажу ему вручную. Я попытался удалить несколько частей сайта, но никаких изменений. Включает удаление всех CSS. На каком-то другом сайте меня все идет хорошо....

Я видел, что хром помещает более толстую рамку на :focus, но в моем случае это выглядит как-то, где я использовал пограничный радиус. Есть ли способ удалить это? [IMG_OUR_ID=362.jpg]

RGBA чрезвычайно забавна, и поэтому -webkit-gradient, -moz-gradient и uh... progid:DXImageTransform.Microsoft.gradient... да.:) Есть ли способ объединить два, RGBA и градиенты, так что есть градиент альфа-прозрачности с использованием текущих/последних спецификаций CSS....