Полупрозрачный слой

Проще всего отказаться от использования png на background`е. И как-то по-другому съэмитировать это.

Если совсем не хочется - код в студию или линк.

да. естественно.

ПС. Пользуюсь той же библиотечкой с теми же проблемами :)

<style>

.main_layer {

position: relative;

width: 200px;

height: 200px;

}

.layer_bg {

position: absolute;

left: 0;

top: 0;

z-index: 1;

background: url(images/bg.png);

width: 200px;

height: 200px;

}

.layer_txt {

position: absolute;

left: 0;

top: 0;

z-index: 2;

width: 200px;

height: 200px;

}

</style>

<div class="main_layer">

<div class="layer_bg"></div>

<div class="layer_txt"><a href="http://gi.gu">gigi</a></tiv>

</div>

Недостающие элементы добавить по вусу :)

1. Добавлю к тому что сказал dkameleon - поставьте z-index на самую высокою цифру по слоям, т .е. z-index: 3; закрывает z-index: 2;

2. Проблема со слоями может быть и для формата.gif

3. Проблема со слоями может быть также при создании формуляров даже в моцилле

ну в общем я конечно поступил похожим методом. Попросту вывожу пару слоев с одинаковыми координатами. На одном png в баграунде, а в другом имиджи и ссылки. А так хотелось в одном слое все сделать :)

а зачем иммитировать иммитацию? Код? Подалуйста:

</script>

<script type="text/javascript">



function fixPNG(element) {

  if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {

    var src;

    if (element.tagName=='IMG'){

      if (/\.png$/.test(element.src)) {

        src = element.src;

        element.src = "/blank.gif";

      }

    }

    else {

      src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i);

      if (src){

        src = src[1];

        alert(src);

        element.runtimeStyle.backgroundImage="none";

      }

    }

    if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";

  }

}



</script>

<style type="text/css"> 

.iePNG {

background-image:url(uploads/layer2.png);

}



* html .iePNG {

background-image:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='uploads/layer2.png',sizingMethod='scale');

}

</style>

Если еще актуально приложите код, пожалуйста, нормально - а то эти смайлики выковыривать из него не хочется...

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

Мне посоветовали установить relative перед ссылкой - не помогает. Только 2 слоя с разными индексами глубины- на одном баграунд с png и функцией прозрачности, а на верхнем слое ссылки и картинки. Если кому интересно.