CSS Mouseouver button (afbeelding)

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

04/08/2010 11:39:22
Quote Anchor link
Hallo,

Ik heb een probleem.
Wanneer ik deze onderstaande code op mijn website plaats, en over de afbeelding ga met de muis, wordt hij wit. (transparant, want de achtergrondkleur van mijn website is wit)
Hoe kan ik er voor zorgen in dit script dat dit niet meer gebeurd?

Quote:
<html>
<head>
<title>CSS hover button</title>
<style type="text/css">
* html a:hover{visibility:visible}
.mouseover
{
width:150px;
height:105px;
background-image:http://www.bcdriveinshow.nl/foto1.png;
}
.mouseover a {display:block}
.mouseover img {width:100%; height:100%}
.mouseover a:hover img {visibility:hidden;}
</style>
</head>
<body>
<DIV class="mouseover">
<a href="http://www.bcdriveinshow.nl">
<img border="0" src="http://www.bcdriveinshow.nl/foto2.png" width="150" height="105"></a>
</DIV>
</body>
</html>


Of zouden jullie het script goed kunnen maken?
 
PHP hulp

PHP hulp

29/03/2024 14:00:58
 
P-ter AA

P-ter AA

04/08/2010 11:55:05
Quote Anchor link
Waarom zo moeilijk? Kan tog ook gewoon zo?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<title>CSS hover button</title>
</head>
<body>

<a href="http://www.bcdriveinshow.nl">
<img border="0" src="http://www.bcdriveinshow.nl/foto2.png" onmouseover="this.src='http://www.bcdriveinshow.nl/foto1.png'" onmouseout="this.src='http://www.bcdriveinshow.nl/foto2.png'" width="150" height="105"/>
</a>

</body>
</html>
 

04/08/2010 11:56:22
Quote Anchor link
Bedankt!!!
 
P-ter AA

P-ter AA

04/08/2010 11:57:09
Quote Anchor link
Graag gedaan!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.