Показать сообщение отдельно
  #1 (permalink)  
Старый 27.04.2010, 14:13
Аватар для warobushek
Аспирант
Отправить личное сообщение для warobushek Посмотреть профиль Найти все сообщения от warobushek
 
Регистрация: 18.07.2008
Сообщений: 80

Проблема с z-index..
Помогите, пожалуйста.

Для двух картинок фиксированного размера создал маску закругления углов. Пытаюсь наложить ее на картинки. Наложил, но ссылки на эти картинки работают только в мозилле и хроме.

Как сделать так, чтобы ссылки работали во всех браузерах?
Разумно ли так делать маску для изображений? Может есть более простые и надежные пути?


Вот код
Код:
  <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
Ответить с цитированием