iekrāsojas div

[ray]

kkur esmu redzējis, ka uzbraucot uz div lauka, tas iekrāsojas citā krāsā un nobraucot paliek vecajā. va to ir iespējams veikt bez javascript palīdzības?

[andrisp]

Ir CSS pseidoklase ::hover, bet tā uz IE6 un vecākiem strādā tikai uz A elementem. Citos pārlūkos un IE7 strādā uz visiem.

Edited February 4, 2008 by andrisp

[ray]

šāds kods:

<div class="lan1">
<div id="lan2">TEST1</div><div id="lan2">TEST2</div>
</div>

div.lan1 {
float: right;
padding-right: 1px;
background-color: #0066CC;
}
#lan2 {
padding: 4px;
margin-left: 1px;
float: right;
display: block;
background-color: #FFFFFF;
}
#lan2 :hover {
padding: 4px;
margin-left: 1px;
background-color: #0066CC;
}

uzbraucot uz div man vajadzēju, lai viss iekrāsojas zils, bet tā nav, palielinās laukums par to padding 4px un apkārt paliek balts :/

Edited February 4, 2008 by ray

[andrisp]

Izņem atstarpi pirms :hover.

 

Man darbojās.

[ray]

tagad viss kārtībā. Paldies ;)