Toon posts:

.div:hover IE probleem

Pagina: 1
Acties:

Verwijderd

Topicstarter
De onderstaande code werkt onder Firefox perfect. Ik weet dat zo iets niet werkt in IE, en dat is dus ook niet het geval. Maar is er een manier dit wel werkend te krijgen dmv. javascript of een andere oplossing? Ik heb niks kunnen vinden via Google of Tweakers.

code:
1
2
  #blaat { background-color: #ff0000; }
  #blaat:hover { background-color: #0000ff; }


code:
1
2
3
<a href="#">
  <div id="blaat">test</div>
</a>

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:09

crisp

Devver

Pixelated

Intentionally left blank


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

http://www.xs4all.nl/~peterned/csshover.html

Van ons aller clay

[ Voor 28% gewijzigd door BtM909 op 27-02-2007 14:27 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • soulrider
  • Registratie: April 2005
  • Laatst online: 27-11-2017
een google-tochtje op :hover en IE had je wrs ook vanalles duidelijk gemaakt.

(gevaarlijk als 2 mod's binnen de 3-tal minuten dezelfde link tevoorschijn toveren)

Verwijderd

Topicstarter
Ik heb zeker naar die termen gezocht maar niks kunnen vinden....

Dit is precies het script wat ik zocht, alleen het werkt nog niet helemaal pefect.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body
{
    behavior: url("csshover.htc");
}

#outer
{
    background-color: #f7f7f7;
    width: 200px;
    height: 200px;
}

#outer:hover 
{
    background-color: #fff; 
    color: #FFCC66;
}


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<a href="#">
  <div id="outer">
    blaat
  </div>
</a>

<a href="#">
  <div id="outer">
    blaat
  </div>
</a>

<a href="#">
  <div id="outer">
    blaat
  </div>
</a>


Ik heb nu dus drie blokken. Echter alleen bij het eerste blok werkt de rollover (IE). Is dit een bekend probleem, of heb ik zie ik iets over het hoofd?

Verwijderd

Topicstarter
Ik heb er een class van gemaakt ipv van een id wat het ook hoort te zijn, en het werkt nu naar behoren.

  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11 15:46

OkkE

CSS influencer :+

Verwijderd schreef op dinsdag 27 februari 2007 @ 15:08:
Ik heb er een class van gemaakt ipv van een id wat het ook hoort te zijn, en het werkt nu naar behoren.
Een ID moet uniek zijn, die mag dus maar 1x voor komen.
Een Class mag zo vaak gebruikt worden als nodig. :)

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:09

crisp

Devver

Pixelated

en een div mag ook helemaal niet genest worden in een a

Intentionally left blank

Pagina: 1