Тема: z-index magic.
Показать сообщение отдельно
  #8 (permalink)  
Старый 06.06.2012, 22:49
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
  <title>:)</title>
<style>
  #above, #below {
    width: 300px;
    height: 300px;
  }
  
  #above {
    background-color: red;
    position: relative;

    top: 10px;
    left: 15px;

  }

  #below {
    background-color: green;
    position: absolute;

    z-index: -1;
    top: 20px;
    left: 20px;


	/* весь этот говнокод ради ИЕ7 */
	border: 0px solid green;
	background-color: expression("transparent");
	width: expression(this.oldWidth?1:(this.oldWidth=this.currentStyle.width),parseInt(this.oldWidth)-parseInt(this.currentStyle.left)+"px");
	height: expression(this.oldHeight?1:(this.oldHeight=this.currentStyle.height),parseInt(this.oldHeight)-parseInt(this.currentStyle.top)+"px");
	border-bottom-width: expression(this.currentStyle.top);
	border-right-width: expression(this.currentStyle.left);
  }
</style>
</head>
<body>
  <div id="above">
    Hello World
    <div id="below"></div>
  </div>
</body>
</html>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием