Tässä olisi ongelmallinen koodi:
.input {
border: 1px solid #006;
background: #ffc;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: 1px solid #0000FF;
background: #00FFFF;
}
.button:hover {
border: 1px solid #FFFF00;
background: #orange;
}
Toimii kyllä firefoxissa ja muissa härpäkkeissä muttei IE:ssä! Otin koodin jostain web-oppaasta ja siellä se toimi IE:ssäkin! Mikä vikana?
.input {
border: 1px solid #006;
background: #ffc;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: 1px solid #0000FF;
background: #00FFFF;
}
.button:hover {
border: 1px solid #FFFF00;
background: #orange;
}
Toimii kyllä firefoxissa ja muissa härpäkkeissä muttei IE:ssä! Otin koodin jostain web-oppaasta ja siellä se toimi IE:ssäkin! Mikä vikana?
Vastaukset 4
Vanhimmat
Doctype puuttuu
Ei toimi ainakaan IE6:ssa inputtien kanssa. Vain linkkielementeissä toimii nuo hoverit yms.
ihan oma maailmansa ja tarttee lisäillä kaikenmaailman kilkkeitä, että sais toimimaan noi css:t edes jotenkin.
Microsot ei ole oikein halunnut panostaa selaimissa tota yhteen sopivutta, mutta ehkäpä joskus sielläkin herätään ainakin maimostavat tota 8 versiota paremmin toimivaksi mene ja tiedä.
Itse en usko ainakaan ennen kuin näen.
Kokeileppa lisätä csshover.htc tiedosto se vois auttaa toimii ainankin noissa ns. pudotusvalikoissa, eikä tartte js:tiä
IE7:lla toimii css:llä kunhan laittaa sivun alkuun doctypen, esim:
IE6:lla saisi toimimaan ainakin javascriptin kautta..