Неработают ссылки в IE6! - Вопросы по CSS

Стал заморочиваться по поводу прозрачных дивных слоев и вот наткнулся на засаду!
Соответственно проблема известная и многие уже сталкивались, что в эксплорере 6 и ниже не отображаються png
я решил эту проблему при помощи метода на джаве. Но возникла другая не нажимаються ссылки в эксплорере, пробывал ставить мамбот bot_ultimatepngfix_2.0 тоже работают png - фон, но та же проблема ссылки не нажимаються!!
Как только убираю все приблуды связанные с png прозрачностью все нажимаеться
Я недавно начал изучать div верстку и работу со слоями может что напутал или не так сделал, нужна помощь чтоб разобраться!

а слой, содержащий с пнг, относительно слоя с ссылками находится выше?

Тоже была такая проблема. Бился-бился, так и не решил. Почему-то при загрузке фона через альфаимиджлоадер для ие фон становится как бы в самым высоким z-index и ничем перебить нельзя. Да, ссылки как бы под фоном и поэтому не нажимаются.

Если кто-то решил проблему, то тоже буду благодарен за помощь.

а слой, содержащий с пнг, относительно слоя с ссылками находится выше?

В том то и прикол. Берёшь обычный див. Ставишь ему бекграунд пнг-шку. Пишешь там несколько ссылок, а потом для 6-го ие этот фон подгружаешь через микрософтимиджальфалоадер. И ппц ссылкам )

а слой, содержащий с пнг, относительно слоя с ссылками находится выше?

пробывал менял местами ничего не помагало
Да и показатель в опере все нормально все ровно и ссылки нажимаються!

да и вот еще показатель

Как только убираю все приблуды связанные с png прозрачностью все нажимаеться

Тоже была такая проблема. Бился-бился, так и не решил. Почему-то при загрузке фона через альфаимиджлоадер для ие фон становится как бы в самым высоким z-index и ничем перебить нельзя. Да, ссылки как бы под фоном и поэтому не нажимаются.

Если кто-то решил проблему, то тоже буду благодарен за помощь.

скорее всего VETERINAR прав проблема в этом!
Если кто решит то респект ему и уважуха!

В том то и прикол. Берёшь обычный див. Ставишь ему бекграунд пнг-шку. Пишешь там несколько ссылок, а потом для 6-го ие этот фон подгружаешь через микрософтимиджальфалоадер. И ппц ссылкам )

Посмотрите такой вариант:
 
div.png {position: static;}
div.png a {position: relative;}
т.е. ссылкам, вложенным в div с png-бэкграундом, задайте position: relative. Внешний блок должен быть position: static;

Если div.png имеет position: relative или absolute, тогда добавляйте для него внешний блок, который и будет позиционироваться, а сам div.png может иметь только position: static;

Что то не помогло
Придеться дизайн без прозрачностей делать

Я не знаю, как работает bot_ultimatepngfix_2.0 (и не горю желанием это узнать =)
Если использовать filter: AlphaImageLoader (как писал VETERINAR) и всё сделать так, как написано выше, то всё работает. Проверено.

Я не знаю, как работает bot_ultimatepngfix_2.0 (и не горю желанием это узнать =)
Если использовать filter: AlphaImageLoader (как писал VETERINAR) и всё сделать так, как написано выше, то всё работает. Проверено.

Буду пробывать с фильтром!

Была только один раз токая проблема и оказалось что беда была изза неправильного JS для PNG (корявый вообщем).
Взял другой вариант JS  и всё ОК.

Была только один раз токая проблема и оказалось что беда была изза неправильного JS для PNG (корявый вообщем).
Взял другой вариант JS  и всё ОК.

А можно ссылочку или название правильного JS

Попробуй этот вроде нормальный - _http://www.ddrink.ru/download/png.zip

Распаковать и закинуть в папку CSS шаблона.
 В index.php прописать -

<!--[if lte IE 6]>
<style type="text/css">
img {
behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc);
}
</style>
<![endif]-->

Спасибо буду пробывать!

Попробуй этот вроде нормальный - _http://www.ddrink.ru/download/png.zip

Распаковать и закинуть в папку CSS шаблона.
 В index.php прописать -

<!--[if lte IE 6]>
<style type="text/css">
img {
behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc);
}
</style>
<![endif]-->

Пробывал данный метод, не получаеться прозрачности точнее все остаеться как было в expl  пробывал как на денвере (локалка) так и на хосте!
Может что не так делаю!?

Ну незнаю !!?? У меня все работает
Есть возможность посмотреть сайт? В личку или еще как?

Ну незнаю !!?? У меня все работает
Есть возможность посмотреть сайт? В личку или еще как?

к сожалению на денвере (локалка)
А можно прислать часть рабочего кода
index.php (шапка + код картинки png(бэкграунд) и css под него)

Или я могу свой прислать тестовый вариант под этот скрипт!

может поможет... мне помогло
если в каждом диве отдельная ссылка, обрамляя его повторно тегом <a></a> ты заставишь ишак отрабатывать ссылки, только немного внимательнее нужно отнестись к слоям, а вообще лучше для примера приведи свою конструкцию с которой мучишся...    

тест варианта ddr использую денвер

index.php

<body>
<table width="95%" border="0" cellspacing="0" cellpadding="0" id="tabl" align="center">
  <tr>
    <td valign="top">
   <div id="test" align="center"><?php mosLoadModules ( 'top' ); ?></div></td>
  </tr>
</table>
</body>

в позиции TOP выведенено  меню горизонтально (вот оно то и не нажимаеться когда использую другой метод прозрачности)

css

body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: yellow;
   }
   
#tabl {
   background-image: url(../images/133_sky_fin.JPG);
   background-position: center;
   background-repeat: no-repeat;
   position: static;
   height:  579px;
 z-index: 1;
   
}

#test {
   background-image: url(../images/test.png);
   background-position: center;
   background-repeat: no-repeat;
   height:  104px;
   z-index: 2 ;
   position: relative;
}

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

test.ddrink.ru - под верхним меню фоновая PNG полупрозрачная

Никаких фокусов, простой div с png и модуль.

что то не выходит
А css какой ?

body {
   margin: 0;
   background-color: #ccc;
   color:#333;
   }
   
#tabl {
   height:  179px;
}

#test {
   background: url(../images/bg.png) repeat;
   height:  104px;
   width:350px;
   margin:0 auto;
}

/* Верхнее меню с префиксом _top
------------------------------------------------------------------------*/
ul#mainlevel_top {padding:20px 0 0 40px; margin: 0;}
ul#mainlevel_top li  {display: inline;list-style-type: none;}
ul#mainlevel_top li a{padding: 0 10px 0 0;margin: 0 10px 0 0;border-right: 1px solid #dadada;font-size:14px;}
a:hover {text-decoration: none;}

body {
   margin: 0;
   background-color: #ccc;
   color:#333;
   }
   
#tabl {
   height:  179px;
}

#test {
   background: url(../images/bg.png) repeat;
   height:  104px;
   width:350px;
   margin:0 auto;
}

/* Верхнее меню с префиксом _top
------------------------------------------------------------------------*/
ul#mainlevel_top {padding:20px 0 0 40px; margin: 0;}
ul#mainlevel_top li  {display: inline;list-style-type: none;}
ul#mainlevel_top li a{padding: 0 10px 0 0;margin: 0 10px 0 0;border-right: 1px solid #dadada;font-size:14px;}
a:hover {text-decoration: none;}

Что-то не вижу я в этом коде загрузки через альфаимиджлоадер, а значит в ИЕ6 пнгшка не будет прозрачной, а значит и проблема как у ТС не возникнет.

2 VETERINAR
учимся пользоваться - iepngfix.htc   

<!--[if lte IE 6]>
<style type="text/css">
img {
behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc);
}
</style>
<![endif]-->

ключевое здесь img (это собственно тег как: div, span и тп? и соответсвенно скрипт отрабатывается для всех картинок в html <img ..... />) - когда во вермя верстки необходимо какои либо блок сделать с png прозрачным фоном, то добавляются классы этих блоков например в примере данном топикстартером есть блок (div) с классом #test, соответственно его мы добавляем к перечисляемым блокам необходимым для отработки скрипта в файле iepngfix.htc,
тоесть идет перечисление всех классов в которых используется прозрачный png


и в конечном варианте (собственно как на test.ddrink.ru сделано) код будет выглядеть -
<!--[if lte IE 6]>
<style type="text/css">
img, #test {
behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc);
}
</style>
<![endif]-->

вроде понятно изложил если будут вопросы обращайся 

PS На test.ddrink.ru - можно клацнуть правой кнопкой мыши и увидеть исходный код и прозрачный PNG )))

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

А почему лишний то, он один (файл) и прописывать надо только те классы который используют фон png в css. А просто картинки он и так отрабатывает.

На мой взгляд это самый нормальный вариант работы с прозрачными png. Сейчас делал на заказ два шаблона в которых практически всё состоит из прозрачных png. И ещё раз убедился что это отличный способ. Кстати счас посмотрел, почти все забугорные joomlaшаблоностроители используют именно этот способ.

PS Как говорят психологи для снятия ответственности: "Это моё личное мнение"   ))))

Практика показывает, что если где-то можно обойтись одним css, то лучше им обойтись. Если другого варианта нет, то только тогда следует использовать более жесткие методы.

Возможно это моё личное мнение ))