Проблема с ИЕ снова

olva · February 17, 2010

Здравствуйте! Есть вопрос к знатокам. Пытаюсь сделать всплывающие подсказки со ссылками с помощью css

<html>
<a class ="tool" href="" ><img src="1.png">
	<span>
	  <table>
	   <tr>
		 <td><a href=""><img src="2.png"></a></td>
		 <td><a href=""><img src="3.png"></a></td>
	 </tr>
   </table>
 </span>
</a>
</html>

и css для ИЕ

a.tool span {\display:none;}
a.tool:hover{\position:relative;\z-index:20;}
a.tool:hover span {\display:block;\position:relative;\top:-75px;\left:10px;\z-index:100; }

Все браузеры нормально "всплывают " 2 и 3 ссылку. В ИЕ - через пиксель 1 и 2,3 картинки. Как подправить?

Или так нельзя делать в html ?

Edited February 17, 2010 by olva

SelenIT · February 17, 2010

Нельзя. Ссылку в ссылке через таблицу-прослойку "воспринимает" как раз только IE, а вообще это ошибка с непредсказуемым результатом, работать "вложенные ссылки" скорее всего не будут.

Сделайте общую обертку для ссылки и ее подсказки (напр. div) и задавайте эффект для нее, а для IE6 (если его поддержка важна) используйте JS-костыль типа whatever:hover. Или сразу делайте подсказку на JS, есть неплохие готовые решения с JQuery и т.п., с плавным появлением, подгонкой к границам окна и прочими плюсами.

И еще, вкладывать блочное в строчное (table в span в данном случае) — тоже ошибка.

olva · February 17, 2010

Спасибо. Не хотелось применять JS - но вижу никуда не денешься. Да кстати ссылки везде работают кроме ИЕ.

Edited February 17, 2010 by olva

Sign In

Проблема с ИЕ снова

Question

olva

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

SelenIT

Link to comment

Share on other sites

olva

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information