|
Сообщение от serdeles
|
|
Думаю, что проблема в 3-й строке.
|
Проблема в не уникальности.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
#slidebox div {
width: 320px;
height: 240px;
float: left;
}
.dscr {
position: absolute;
height: 100%;
background: #017BA3;
}
.dscr * {
color: #fff;
}
#slidebox div img {
display: block;
position: absolute;
z-index: 10;
}
#slidebox div img:hover {
opacity: 0;
}
</style>
</head>
<body>
<div id="slidebox">
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="http://1fenshui.ru/wp-content/uploads/2012/03/400x300_arbol_luminoso.jpg" />
</div>
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="https://fs.net-film.ru/fs41884b.jpg" />
</div>
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="http://gtrk-omsk.ru/upload/iblock/8c8/los.jpg" />
</div>
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="http://pic.oscdn.net/pic/3409886/m" />
</div>
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="http://baikal-turs.ru/wp-content/uploads/2013/12/elnik_456465.jpg" />
</div>
<div>
<div class="dscr">
<h1>Заголовок</h1>
<p>Описание</p>
</div>
<img src="http://images.bankoboev.ru/thumbnail/bankoboev.ru-456870.jpg" />
</div>
</div>
</body>
</html>