| |
|
|
| | есть ие6
есть горизонтальное меню
ссылки, когда подсвечиваются, имеют полупрозрачный фон
вот код:
цсс
Код
/*хак прозрачности*/
img, .box_r, .box_l, .flame_one:hover, .flame_two:hover, .flame_three:hover, .flame_four:hover, { behavior: url(opacity/pngfix.htc); }
/*меню ul*/
#menu_inline
{
margin-top:125px;
}
/*меню ul li*/
.link_li
{
display:inline;
}
/*ссылки*/
.flame_one, .flame_two, .flame_three, .flame_four
{
display:inline;
padding-right:15px;
position:relative;
bottom:-4px;
}
.flame_one:hover
{
background:url(img/act_h.png) no-repeat;
}
/*и тп*/
|
хтмл
Код
<ul id="menu_inline">
<li class="link_li"><a class="flame_two" href="#" />На главную</a></li>
<li class="link_li"><a class="flame_two" href="#" />Доставка</a></li>
<!--и тд-->
</ul>
|
вобщем, прозрачность на странице работает, но когда я прописал в хак стили цсс от ссылок (см выше), на них она НЕ распространилась.. мб чтото не так пишу??? | |
| |
|
|
| |
|
|
| |
для: cardsmoney
(25.01.2010 в 14:36)
| | | А что у вас написано в самом "хаке прозрачности", т.е. в файле pngfix.htc?
Или вы полагаете, что строка behavior: url(opacity/pngfix.htc); - это нечто вроде "заклинания"?
Напишешь эту строку - и MSIE сразу начнёт понимать псевдокласс :hover для всех элементов?
Типа "Сим-сим, откройся"? :-))
Увы, далеко не всё так просто.
Во-первых, назначают behavior: url (файл.htc) не псевдоклассам, а конкретным тегам (классам).
Т.е. img, div.class1 {behavior: url (file.htc)} - ПРАВИЛЬНО,
а вот ваше .class3:hover {behavior: url (file.htc)} - ПОЛНЫЙ БРЕД.
Во-вторых, самое главное находится внутри файла file.htc
В нём находится JScript, который перебирает указанные ТЕГИ (и классы), а не псевдоклассы, и затем тегам (или тегам с соответствующим именем класса) "навешивает" функции на события mouseover и mouseout
Вот вам пример из двух файлов. Сохраните их на своём компьютере В ОДНОЙ какой-нибудь папке и запустите test.html в разных браузерах (включая MSIE):
файл test.html
<html>
<head>
<style>
/* для ВСЕХ браузеров */
span {font-weight: bold}
/* для прочих, кроме MSIE, браузеров */
span.myClass:hover {text-decoration: underline; color: red}
/* поймёт только MSIE (и ВНИМАНИЕ - никакого :hover'a НЕ НАДО!) */
span.myClass {behavior: url(file.htc)}
</style>
</head>
<body>
<p>text text <span>обычный SPAN</span> text text
<p>text text <span class="myClass">SPAN с ховером</span> text text
</body>
</html>
|
файл file.htc
<script language="javascript">
with (element) {attachEvent ('onmouseover', f1); attachEvent ('onmouseout', f2)}
function f1 () {with (element.style) {textDecoration = 'underline'; color = 'red'}}
function f2 () {with (element.style) {textDecoration = 'none'; color = 'black'}}
</script>
|
Такой вот непростой "хак" :-) | |
| |
|
|
| |
|
|
| |
для: АЯ
(25.01.2010 в 15:45)
| | | .. так а решение задачи какое?
пс
попробовал сделать то, что вы сказали
различий, кроме размера шрифта, нету | |
| |
|
|
| |
|
|
| |
для: cardsmoney
(25.01.2010 в 18:08)
| | | Решение?
Идите на тот сайт, где вы свой "хак" скоммуниздили, и смотрите там содержание HTC-файла. | |
| |
|
|
| |
|
|
| |
для: АЯ
(25.01.2010 в 19:00)
| | | ...если бы я чтото понимал в хтц -файлах, я ббы тут не спрашивал.. | |
| |
|
|
| |
|
|
| |
для: cardsmoney
(26.01.2010 в 08:58)
| | | ктонибудь знает ответ? | |
| |
|
|
