CSS-свойство Internet Explorer «фильтр» игнорирует переполнение: видимый
По-видимому, Internet Explorer (по крайней мере, до версии 8) игнорируетПереполнение: видимый при применениифильтр (например, для непрозрачности), вызывая отсечение чего-либо вне фильтруемого элемента, как если быпереполнение: скрытый были использованы.
Есть ли обходные пути для этого поведения?
Пример кода ниже показывает, какребенок обрезаетсяконтейнер - видны только его правая и нижняя границы.
<style type="text/css">
#container {
position:absolute;
left:100px;
top:100px;
width:100px;
height:100px;
border:1px solid black;
filter:alpha(opacity=50);
overflow:visible;
}
#child {
position:relative;
left:-10px;
top:-10px;
width:20px;
height:20px;
border:1px solid red;
}
</style>
<div id="container">
<div id="child"></div>
</div>