Для всех браузеров
div.block {
background: #FFF;
}
Для ИЕ7
*:first-child+html div.block {
background: #000;
}
Как запретить выделение текста
Для Мазиллы, Сафари и Хрома всё просто:
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
С ИЕ и Оперой сложнее, без скрипта не обойтись, буду искать ответ...
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
С ИЕ и Оперой сложнее, без скрипта не обойтись, буду искать ответ...
Тень на CSS
.box-shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* IE 8 and IE 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
Сглаженные углы на CSS (вариант №2)
Пример закругленных уголков без использования графики,
вариант использования значка • (•)
Идея стара как мир :) не знаю на сколько универсальная, но иногда можно пользоваться...
Всё как в варианте с рисунком, основной блок с класом block в ньом для каждого угла свой блок с класом (tl, tr, bl, br) с position:absolute; и растановкой по углам. Ну и блок с класом text для контента(текста, фоток)... Недостатки, есть конечно, но когда надо что-то простое вполне спасает... ИМХО: всё таки чаще пользуюсь рисунком (полупрозрачным пнг) для углов.
вариант использования значка • (•)
Идея стара как мир :) не знаю на сколько универсальная, но иногда можно пользоваться...
•
•
•
•
TEXT
Всё как в варианте с рисунком, основной блок с класом block в ньом для каждого угла свой блок с класом (tl, tr, bl, br) с position:absolute; и растановкой по углам. Ну и блок с класом text для контента(текста, фоток)... Недостатки, есть конечно, но когда надо что-то простое вполне спасает... ИМХО: всё таки чаще пользуюсь рисунком (полупрозрачным пнг) для углов.
Фикс для Хрома
Вот нашел интересный фикс для Хрома 2 и новее..
.block{
color: black;
}
.block{
[color: black;
color: red;]
}
В Хроме будет Красный цвет
.block{
color: black;
}
.block{
[color: black;
color: red;]
}
В Хроме будет Красный цвет
Підписатися на:
Дописи (Atom)