| |
|
|
| | Возможно ли только средствами css сделать так: при наведении мышки на один блок, фон блока(цвет шрифт и т.д.) меняется и у него и у соседнего, у соседнего другой цвет, и наоборот когда подводишь к соседнему, то меняется цвет и соседнего и этого .
Например:
<div class="lev0">
<div class="lev1">
<a href="#">Главная</a>
</div>
<div class="lev2" id="dwn">
<a href="#">Меню</a>
</div>
</div>
Когда мышка вне блоков то у всех цвет общий, а когда мышь становится над "меню", то меню допустим красное, а "главная" зеленая и наоборот
Понятно что через onmouseover это сделать просто, но как сделать только css? | |
| |
|
|
| |
|
|
| |
для: Сергей999
(20.10.2010 в 00:09)
| | | можно попробовать засунуть блок в блок и с помощью position:absolute визуально раздвинуть блоки будто они просто рядом.
хотя здесь не будет работать второй вариант.
Такое может "новый" CSS :) но он не практичен, мало кто поддерживает его. | |
| |
|
|
| |
|
|
| |
для: Сергей999
(20.10.2010 в 00:09)
| | | <style type="text/css">
a.blok {
dispalay: block;
width: 40px;
height: 120px;
background-image: url("1.jpg");
}
a.blok:hover {
background-image: url("2.jpg");
}
</style>
<a id=blok></a> | |
| |
|
|
| |
|
|
| |
для: Красная_шляпа
(20.10.2010 в 20:09)
| | | и где тут ответ на вопрос афтара? ололо | |
| |
|
|
| |
|
|
| |
для: sl1p
(20.10.2010 в 21:43)
| | |
<style type="text/css">
div.blok {
dispalay: block;
border: solid 1px;
width: 120px;
height: 120px;
margin: 1px;
background-color: red;
}
a div.blok:hover {
background-color: green;
}
</style>
<a><div class="blok"> </div></a>
<a><div class="blok"> </div></a>
<a><div class="blok"> </div></a>
<a><div class="blok"> </div></a>
|
| |
| |
|
|
