сss (9) сss3 (14) ajax (2) css (42) drupal (7) Fix IE6 (4) font (4) html (23) javascript (22) jQuery (15) js (5) less (1) php (1) scss (1) soft (2) vue (1) webstorm (1) wordpress (1)

Спец.Предложение для Internet Explorer 7

Для всех браузеров

div.block {
background: #FFF;
}

Для ИЕ7
*:first-child+html div.block {
background: #000;
}

Как запретить выделение текста

Для Мазиллы, Сафари и Хрома всё просто:

-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)

Пример закругленных уголков без использования графики,
вариант использования значка • (•)
Идея стара как мир :) не знаю на сколько универсальная, но иногда можно пользоваться...
<div class="block"> <div class="tl"><span>&bull;</span></div> <div class="tr"><span>&bull;</span></div> <div class="bl"><span>&bull;</span></div> <div class="br"><span>&bull;</span></div> <div class="text"> TEXT</div> </div>
Всё как в варианте с рисунком, основной блок с класом block в ньом для каждого угла свой блок с класом (tl, tr, bl, br) с position:absolute; и растановкой по углам. Ну и блок с класом text для контента(текста, фоток)... Недостатки, есть конечно, но когда надо что-то простое вполне спасает... ИМХО: всё таки чаще пользуюсь рисунком (полупрозрачным пнг) для углов.

Фикс для Хрома

Вот нашел интересный фикс для Хрома 2 и новее..

.block{
color: black;
}
.block{
[color: black;
color: red;]
}

В Хроме будет Красный цвет