Xpoint
   [напомнить пароль]

Нажимабельность полупрозрачного ПНГ в ИЕ 6

Метки: [без меток]
2007-12-22 04:16:56 [обр] swixx[досье]

Есть страница, на которой в ряд расположено несколько картинок, над этими картинками по краям окна висит два нажимабельных полупрозрачных ПНГ: http://d2rk.com/listalko.htm. Долго с ними возился и смог выполнить в ИЕ 6 только одно условие одновременно: либо картинки нажимаются, либо имеют нормальную прозрачность (в Мозилле и Опере все варианты работают как следует).

Последний вариант выглядит так (в ИЕ ссылка не работает):

<div style="position: absolute; top: 250; left: 1%; z-index: 2; background:url('triangle_left.png') no-repeat left top;//background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=triangle_left.png,sizingMethod=crop); width: 34px; height: 38px;"><a href="#"><img src="0.gif" width="34" height="38" border="0"></a></div>

Это решаемо?

И ещё, в качестве бонуса по этой же странице. Можно ли как-нибудь прибить правую ПНГ к правому краю экрана?

спустя 10 часов [обр] Biggieman(0/3)[досье]
swixx[досье] Только не проверял.
<style>
 #main {
   position: relative;
   height: 38px;
 }

 #left, #right {
   position: absolute;
   top: 0;
   width: 34px;
   height: 38px;
 }

 #left {
   left: 0;
 }

 #right {
   right: 0; 
 }

 #left a, #right a {
   display: block;
   width: 34px;
   height: 38px;
 }

 #left a {
   background: none;
   background: url('triangle_left.png') no-repeat !important;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='triangle_left.png', sizingMethod='scale');
 }

 #right a {
   background: none;
   background: url('triangle_right.png') no-repeat !important;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='triangle_right.png', sizingMethod='scale');
 }
</style>

<div id="main">
  <div id="left"><a href="#">&nbsp;</a></div>
  <div id="right"><a href="#">&nbsp;</a></div>
</div>
Powered by POEM™ Engine Copyright © 2002-2005