Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не работает прозрачность фона для блока в IE6,7
 
 автор: immortal727   (29.08.2011 в 15:28)   письмо автору
 
 

Подскажите в чём дело, почему

div#content{
    margin-right:250px;
    padding-top:330px;
    background:#f7ddaf;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* данная строчка работает только в IE8 */
}

*html div#content{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* данная строчка работает в IE6, IE7, и IE8 */
}


Не работает в IE6,7

  Ответить  
 
 автор: Lelik   (30.08.2011 в 11:55)   письмо автору
 
   для: immortal727   (29.08.2011 в 15:28)
 

подключай отдельно стили для ИЕ

<head>
<!-- стили для ИЕ6 -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />
<![endif]-->

<!-- стили для ИЕ7 -->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IE-7-SPECIFIC.css" />
<![endif]-->

<!-- стили для ИЕ8 -->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="IE-8-SPECIFIC.css" />
<![endif]-->
</head>

  Ответить  
 
 автор: immortal727   (31.08.2011 в 12:40)   письмо автору
 
   для: Lelik   (30.08.2011 в 11:55)
 

Уже пробовал. Результата никакого

  Ответить  
 
 автор: Lelik   (31.08.2011 в 13:34)   письмо автору
 
   для: immortal727   (31.08.2011 в 12:40)
 

там не надо писать так:
*html div#content{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* данная строчка работает в IE6, IE7, и IE8 */
}

нужно обычными стилями, без хаков
div#content{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* данная строчка работает в IE6, IE7, и IE8 */
}

+ надо подучить какой вес имеют селекторы стилей:

#id - 100
.class - 2
tagname - 1

итого запись div#content имеет 101 балл весу, потому луче перебивающиму стилю задавать вес больший, например

body div#content = 102 балла

  Ответить  
 
 автор: immortal727   (31.08.2011 в 14:23)   письмо автору
 
   для: Lelik   (31.08.2011 в 13:34)
 

нужно обычными стилями, без хаков
div#content{
>    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* данная строчка работает в IE6, IE7, и IE8 */
>}


Это и так понятно. А вот на счет
#id - 100
.class - 2
tagname - 1

Подробнее можно? Непонятно, первый раз встречаю такие выражения.

  Ответить  
 
 автор: Lelik   (31.08.2011 в 16:09)   письмо автору
 
   для: immortal727   (31.08.2011 в 14:23)
 

при указании стиля через ИД тега начисляется 100 баллов этому стилю

при укзании стиля через Класс - 2 балла

через имя тега - 1 бал

если указано несколько селекторов:

#block .top .left a {...}

баллы плюсуются. итого в вышеуказанном примере 105 баллов (100 балла ИД + 2 Балла класс + 2 балла класс + 1 бал имя тега).

браузер применяет к элементу тот стиль, который имеет большее количество баллов. в случае с одинаковым количеством баллов применяется стиль, который указан последним.

#block .top .left a {color: red;}
#block .top .left a {color: green;}
/* цвет ссылки будет зелёным */

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования