Прозрачность в IE 6 включается, но вот странный баг получается. Ссылка перестает работать. Ссылкой является не только текст, но и вся картинка.
В ходе попыток решения проблемы были замечены следующие факты в IE 6:
1.Наведите указатель мыши чуть выше темно-коричневой области, там есть неск. пикселей в пределах которых ссылка работает. Напрашивается такое объяснение этому феномену: там прозрачная область png, в зоне этих пикселей.... (в свзяи c этии держите всю папку с скриптом с оригинальным фоном http://slil.ru/25398954). Скрипт и способ хороший, рабочий, проверенный.
2. При наведении на ссылку, титл-текст всплывает по всей области, не только в зоне этих пикселей(см. пункт 1.)
3. При установке в html коде тегу <li>
style="background:transparent"
или
style="background:#(любой цвет)
ссылка работает как следует.
Привожу сам код(в архиве тот же):
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>БАГ</title>
<style type="text/css">
* {filter:expression(fixPNG(this))}
*{margin: 0 ; padding: 0 ; border: 0 }
html,body{height: 100 %}
body{background:#ffe8bc}
ul{list-style:none}
#mainSiteMenu{width:844px; height:65px; margin:11px 0 0 0 ; float:left}
#paleontology{width:192px; height:65px; background:url('nestingImages/paleontology.png'); margin: 0 5px 0 0 ; float:left}
#paleontology h2{width:192px; height:65px}
#paleontology h2 a{display:block; width:120px; height:33px; padding:19px 0 0 72px; margin:2px 0 0 0 ; font:bold 15px/15px 'MyriadPro-Regular'; letter-spacing:-1px}
</style>
<!--[if lte IE 6]><script src="js/fixpng.js" type="text/javascript"></script><![endif]-->
</head>
<body>
<ul id="mainSiteMenu">
<li id="paleontology"><h2><a href="#" title="Палеонтология">Палеонтология</a></h2></li>
</ul>
</body>
</html>
