Фильтры IE и обработчики событий IE6
Доброго времени суток.
Столкнулся с проблемой обработки событий по дочерним объектам, у которых родитель имеет примененный фильтр. Структура примерна такая:
...
<div class="cont">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
...
<div class="child">n</div>
</div>
...
стили:
.cont
{
...
position:absolute;
background: url(img.png) !important;
background:none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "img.png", sizingMethod = "scale");
}
.child
{
position: absolute;
width:60px;
height:60px;
....
}
событие oncliсk по чилдам не проходит(без примененного фильтра все замечательно). Собственно, вопрос - какой магией воспользоваться, чтоб клики проходили по чилдам =)? Пробовал играться с zoom, position: relative, z-index но что-то ничего из этого не вышло :( |
Цитата:
Попробуйте для background вместо none использовать blank.gif. |
Не помогает -(
|
А у чайлдов?
|
Да тут фон не причем. Черт, ничего не помогает. Вот пример проблемы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<style>
.root
{
position:absolute;
top:20px;
left:20px;
width:500px;
height:300px;
background:url(http://upload.wikimedia.org/wikipedia/commons/7/7a/Basketball.png) !important;
background:none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "http://upload.wikimedia.org/wikipedia/commons/7/7a/Basketball.png", sizingMethod = "scale");
}
.child
{
position:absolute;
top:100px;
left:100px;
background:red;
}
</style>
<body>
<div class="root">
<div class="child" onclick="alert(1);">click me</div>
</div>
</body>
</html>
|
Проблема еще актуальна -(
|
mexoboy,
глянь http://subbotnik.yandex.st/css-framework/practice.html в разделе про g-png. |
| Часовой пояс GMT +3, время: 06:07. |