Ссылка с использованием Z-индекса не может быть нажимается, хотя он находится сверху, в обеих Firefox & IE
Я пытаюсь получить текстовую ссылку, чтобы появиться в верхней части частично прозрачного изображения, которое, в свою очередь, находится сверху Обычный цветной фон. Я хочу ссылку-текст и образ печатать, когда напечатана страница, но не цветной фон. (Вот почему я не использую свойство Image . Свойство
Проблема в том, что, хотя связь появляется сверху изображение, и изображение появляется сверху фона, как желательно, Ссылка не может быть нажата. Мне кажется, что если ссылка появится сверху, то она должна быть восприимчиваться к событиям мыши ...
Это происходит как минимум в следующих браузерах: Firefox 6.0 (Windows + Linux), Firefox 3.6 (Windows) и Internet Explorer 7.
Пожалуйста, кто-нибудь скажет мне, если это проблема с моими HTML / CSS или с браузерами?
Вот некоторые HTML, чтобы продемонстрировать проблему:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style="position: relative;z-index: -2; background-color:#333; height:200px;">
<img style="position: absolute;top: 0;left: 0;z-index: -1;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png" alt="Dice" />
<a style="padding:50px; color:#fff;z-index:0;" href="#">Can you click me?</a>
</div>
</body>
</html>
Ура!
Алекс