Помогите, пожалуйста.
Для двух картинок фиксированного размера создал маску закругления углов. Пытаюсь наложить ее на картинки. Наложил, но ссылки на эти картинки работают только в мозилле и хроме.
Как сделать так, чтобы ссылки работали во всех браузерах?
Разумно ли так делать маску для изображений? Может есть более простые и надежные пути?
Вот код
Код:
|
<div id="sq_banners">
<a href=""></a><a href="" class="ban2"></a>
<div id="sqban_mask"><img src="images/sqban_mask.png" alt="" /></div>
<img src="images/sqban3.png" alt="" /><img src="images/sqban4.png" alt="" />
</div> |
Вот стили
Код:
|
#sq_banners {
float:left;
height:125px;
margin-right:30px;
overflow:hidden;
position:relative;
width:250px;
}
#sq_banners a {
display:block;
float:left;
height:125px;
position:absolute;
width:125px;
z-index:3;
}
#sq_banners .ban2 {left:125px;}
#sqban_mask {position:absolute;z-index:2;} |
Вот как это выглядит:
http://tri4.ax3.net/akado_ural/maska.html