IE7 Не можете сделать ссылку (с прозрачным фоном) поверх текста?

Это моекод :

HTML :
<div class="container">
    <div class="myBox">My Text</div>        
    <a class="myLink" href="http://www.google.com">&nbsp;</a>       
</div>    ​
CSS :
.container
{
    position:relative;
    width:200px;
    height:200px;
}

.myBox
{
    position:absolute;
    top:0;
    left:0;
    z-index:90;
    background-color:#ff0000;
    width:200px;
    height:200px;    
}

.myLink
{
    text-decoration:none; 
    display:block; 
    position:absolute; 
    width:50px; 
    height:50px; 
    top:0px; 
    left:0px; 
    z-index:100;
}​

в IE7 ссылка поверх «Мой текст» не работает как ссылка. Если наmyLink Я поставил фоновый цвет, он тоже работает.

Я на наркотиках или это нормальное поведение? И как я могу это исправить с прозрачным фоном?

 Ryan B18 июн. 2012 г., 17:55
+1 @Mario Вы должны использовать карту изображений.
 markzzz18 июн. 2012 г., 17:56
у карты изображения есть некоторые проблемы на мобильном телефоне ...
 markzzz18 июн. 2012 г., 18:03
также "ссылка" получить больше очков с SEO ...
 markzzz18 июн. 2012 г., 17:27
Я "связываю" зону " поверх изображения ...
 Mario18 июн. 2012 г., 17:20
Есть ли какая-то конкретная причина, по которой вы так поступаете? Подумайте, это предполагаемое поведение, как "myLink" по существу пусто.

Ответы на вопрос(1)

Решение Вопроса

Попробуйте добавить эти строки в.myLink:

background-color:#ff0000;
filter: alpha(opacity=0);

EDIT

Если будет только изображение в.myBox, .myLink будет работать, как ожидается, если изображение будет добавлено в качестве фонового изображения.myBox.

 21 июн. 2012 г., 12:22
@ Mario Извините, я не хотел быть предвзятым. Однако эта проблема OP беспокоит также IE9 и может быть исправлена обоими способами, на которые я ответил. Я не просто собираюсь угадать исправление для IE10, так как я не проверял его, и, возможно, у него даже не будет проблемы. Если это так, исправления вряд ли будут конкурентоспособны со старыми IE.
 21 июн. 2012 г., 13:18
Нет проблем. Похоже, что «IE10 все равно будет дерьмом, так что просто проигнорируйте».
 20 июн. 2012 г., 17:30
@Mario Хмм ... IE10 с трудом решает проблемы в IE6-IE9 ...
 18 июн. 2012 г., 17:21
Использование фильтров не является постоянным решением, потому что Microsoft собирается отказаться от их поддержки с IE10.
 21 июн. 2012 г., 11:08
Я думаю, что вы немного предвзяты, плюс я не очень понимаю это отношение (ничего личного). Если вы добавляете дополнительный код для страницы для работы в определенной линейке продуктов (здесь: IE), я особенно постараюсь убедиться, что последняя версия также работает (в большей степени, чем любая другая более старая версия), независимо от того, сколько проблемы исправлены или все еще остаются открытыми: это последняя версия, и ее доля на рынке определенно возрастет, а не упадет. Ничего плохого в отбрасывании IE6 или даже IE7 в настоящее время нет, но не игнорируйте IE9 или IE10. Не уверен, как IE10 обрабатывает & quot; пусто & quot; хотя ссылки, так что в случае, если вся тема не относится к IE10 ...

Ваш ответ на вопрос