<area shape="poly" ... > и PNG в IE6

[droncl]

Есть такая задача - нужно сделать html карту на основе <area shape="poly" ... > - c этим проблемм нет

НО нужно это сделать на основе PNG картинки и конечно чтобы это всё ещё и работало в нашем любимом IE6 .

Само сабой применяли самые различный фиксы для PNG в IE6. В результате - PNG прозрачный, но в IE6 на нём не работют ссылки которые указанны через <area shape="poly" ... >

ЗЫ: В IE7 всё норм конечно.

ЗЗЫ: Если применять джипег то само сабой всё ссылки на карте отлично работают в IE6.

Может кто сталкивался с таким и знает как лечить.

[psywalker]

Присоединяюсь к вышенаписанному вопросу и сам давно ищу ответ на вопрос:

Почему в ИЕ6 ссылки на фоне ПНГ не работают? Как это лечится и вообще есть ли выход?

[psywalker]

ребят, может кто нибудь помочь с решением, правда интересный вопрос?

[s0rr0w]

ребят, может кто нибудь помочь с решением, правда интересный вопрос?

Выложи пример куда-то. Когда-то помогало position: relative.

[psywalker]

ну вот например я спецом сделал фон ПНГ в ИЕ6, такойже как и для всех остальных браузеров, и вот пожалуйста, ни одна ссылка на сайте не пашет, просто как будто не чувствуеться((( http://psywalker.ru/SAITS/Izoprint/main-page.html

[psywalker]

ну что s0rr0w есть предложения?

[s0rr0w]

ну что s0rr0w есть предложения?

На работе нет ИЕ6, домой приду, посмотрю что там у вас не получается.

[psywalker]

ок, спасибо, меня можно на Ты

[s0rr0w]

У вас, потому что вас двое.

[SelenIT]

Я бы предложил сделать сам map прозрачным гифом (и задать ему position:relative), а png положить фоном на его контейнер.

Теоретически, в HTML можно вместо area юзать <a href="..." shape="..." coords="...">, можно попробовать переделать на них и задать relative им. Но что-то подсказывает мне, что для IE6 от этого ничего не изменится...

[s0rr0w]

ну что s0rr0w есть предложения?

OMG... Вот это намудриииил...

Убери с div#case position: relative, и получи кликабельные ссылки в IE 6.

Короче, IE срывает башню на такой котовасии. Задача - переверстать почти без использования absolute позиционирования весь макет

[psywalker]

s0rr0w

1)

OMG... Вот это намудриииил...

Тоесть хреново сверстал, да?

2)

Убери с div#case position: relative, и получи кликабельные ссылки в IE 6.

Короче, IE срывает башню на такой котовасии. Задача - переверстать почти без использования absolute позиционирования весь макет smile.gif

Да как-же я всё это уберу и переверстаю, если этот вариант вёрстки наиболее подходящий для данного макета, а потом что мне ради ИЕ6 вообще отказаться от него?

[Zippovich]

Ссылки будут работать только если они relative и лежат на слое static c прозрачным png

Если нет возможности задать слою с прозрачным png position: static, то делается промежуточный слой

Edited July 1, 2009 by Zippovich

[psywalker]

Zippovich

Ссылки будут работать только если они relative и лежат на слое static c прозрачным png

Если нет возможности задать слою с прозрачным png position: static, то делается промежуточный слой

Дружище, да и за говна (ИЕ6) неохота лишние элементы вставлять, да тем-более их и так много и кстати я по-моему пробовал твой способ, он не работает кажись!

[s0rr0w]

Zippovich

Дружище, да и за говна (ИЕ6) неохота лишние элементы вставлять, да тем-более их и так много и кстати я по-моему пробовал твой способ, он не работает кажись!

Любой способ не будет работать, пока не будет адекватно отрабатываться position: relative у div#case.

[psywalker]

s0rr0w

Любой способ не будет работать, пока не будет адекватно отрабатываться position: relative у div#case.

Я пробовал убирать Релатив с div#case, вешал его на другие контейнеры, подкладывал прокладки под сылки, всё равно всё бесполезно, неужели придётся кординально менять всю стратегию вёрстки из-за косяка в ИЕ6?

И что значит: адекватно отрабатываться position: relative у div#case.?

[s0rr0w]

И что значит: адекватно отрабатываться position: relative у div#case.?

Ссылки не будут пропадать в ИЕ6.

Вообще данная верстка не очень хороша и для 7-ки, так как эта версия браузера недалеко ушла от 6-ки.

[psywalker]

s0rr0w

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

А теперь ещё одна проблема, почему то просто взяли и стали невидимыми некоторые колонки в ИЕ6, что это за баг такой модный?

[Zippovich]

s0rr0w

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

А теперь ещё одна проблема, почему то просто взяли и стали невидимыми некоторые колонки в ИЕ6, что это за баг такой модный?

сделай для слоя который пропал zoom: 1

[psywalker]

сделай для слоя который пропал zoom: 1

Бесполезно друг, не помогает(((

http://psywalker.ru/SAITS/Izoprint/main-page.html

[Zippovich]

DIV.sb - поставь релятивное позиционирование

[psywalker]

Zippovich

Спасибо камрад, реально помогло, прикинь! Кагда-же эта сволочь наконец останеться не удел? Ты кстати под ИЕ6 заказы часто выполняешь, в плане верстаешь захватывая этот браузер или уже срёшь на него? И сколько реально процентов осталось - посещаемость этого Осла в месяц? а то везде по разному пишут, где-бы заценить реально?

Edited July 1, 2009 by psywalker

[droncl]

У меня есть свой ресурс, посещаемость ~400 чел в день... посомтрел статистику за последние 3 месяца

Microsoft Internet Explorer

v 7.00 18.67%

v 6.00 13.35%

Opera

v 9.64 8.29%

v 9.63 3.71%

Firefox

v 3.00 21.61%

v 2.00 1.99%

Google Chrome

v 2.00 1.30%

v 1.00 0.36%

Teleport/Offline Explorer/...

v 0.00 1.14%

Mozilla

v 1.80 0.12%

v 1.90 0.05%

мне кажется на ресурсах рунета обстановка как-то примерно так и складывается в процентом соотношении

Радует конечно то что IE6 уже всеголишь ~ 13%

[psywalker]

droncl

А вообще как думаешь, с каждым месяцем эта собака падает по посещаемости? и вообще на сколько?

[Riim]

PngFix-ы добавляют над рисунком прозрачный gif. Можно карту с первоначального рисунка тоже переносить на этот gif. Естественно делать это javascript-ом и желательно процесс автоматизировать (доработать PngFix).

Edited July 4, 2009 by Riim