|
|
Модератор форума: No_MaTTeR, Dimitro, LightInDarkness |
Форум Полезное Флудилка Нужен ролловер CSS |
Нужен ролловер CSS |
Имеется меню вида
Code <ul id="navigation"> <li class="home"><a href=""><span class="text">Главная</span></a></li> <li class="forum"><a href=""><span class="text">Главная</span></a></li> <li class="reg"><a href=""><span class="text">Главная</span></a></li> <li class="cp"><a href=""><span class="text">Главная</span></a></li> <li class="stat"><a href=""><span class="text">Главная</span></a></li> </ul> CSS Code #navigation { left: 86px; top: -1px; margin: 0; padding: 0; position: absolute; font-family: Georgia, 'Times New Roman', serif; color: #ffcc00; width: 1095px; } #navigation li {height: 50px; margin: 0; padding: 0; float: left; width: 88px; margin-left: 10px; list-style: none; position: relative;} #navigation li a { display: block; width: 100%; height: 100%; position: relative; z-index: 5;; } #navigation li .text {display: none;} #navigation li.home {background-position:0px -2px; width:80px; background: url(./img/menu/home.png) no-repeat 50% 50%);} #navigation li.forum {background-position:0px -201px; width:80px; background: url(./img/menu/forum.png) no-repeat 50% 50%;} #navigation li.reg {background-position:0px -102px; width:125px; background: url(./img/menu/reg.png) no-repeat 50% 50%} #navigation li.cp {background-position:0px -91px; width:164px; background: url(./img/menu/cp.png) no-repeat 50% 50%} #navigation li.stat {background-position:0px -153px; width:113px; background: url(./img/menu/stat.png) no-repeat 50% 50%} Нужно что бы при наведении на картинку меню( предположим <li class="home"><a href=""><span class="text">Главная</span></a></li> ) высвечивалась другая картинка, как возможно организовать подобное в данном случае? |
| |||
| |||