Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kochanie.xlx.pl
telcocafe
witam!Jak wykonać rollover podmieniający obrazek, wykorzystując tylko style css (bez java scriptu) ? Mam kod:
<style type="text/css"> .rollover { position: relative; font-family: arial, helvetica, sans-serif; background: url(obrazki/wieza.jpg) no-repeat; white-space: nowrap; display: block; width: 130px; height: 140px; margin: 0; padding: 0; } .rollover a { display: block; color: #000000; font-size: 11px; width: auto; height: auto; float: left; color: black; text-decoration: none; } .rollover img { width: auto; height: auto; border: 0 } * html a:hover { visibility:visible } .rollover a:hover img { visibility:hidden } </style> <div class="rollover"> <a href="http://www.URL.com"><img src="obrazki/wieza_.jpg" alt="Alternative text" style="width:80px; height:140px;"/></a> </div>
Ale to jest chyba trochę przydużo kodu css jak na jeden obrazk... (na stronie mam 10 - 12 obrazków wykorzystujących ten efekt i mam to skopiować tyle razy ile mam obrazków, czy można to zrobić jakoś bardziej uniwersalnie? )
Nie wczytywałem się w kod, ale po przeczytaniu pierwszego zdania w Twoim poście nasunął mi się taki pomysł:
robisz sobie DIVA, w jego klasie dajesz styl background-image, potem tworzysz wykorzystując selektor pseudoklasy hover inne tło (o ile oczywiście chcesz podmienić obrazek po najechaniu myszką) :)
Użytkownik kutar edytował ten post 01 październik 2007, 17:44