2010-12-15 29 views
-2

c'est le code html:Pourquoi l'action Hover ne fonctionne-t-elle pas dans Firefox, Chrome et Safari si l'image est incluse?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=windows-1250"> 
    <meta name="generator" content="PSPad editor, www.pspad.com"> 
    <title>my hover test page</title> 


    <link rel="stylesheet" type="text/css" href="style.css" /> 
    </head> 
    <body> 



    <ul id="first_tabs"> 

<li><a href="home.html">STARTSEITE</a></li> 

<li><a href="services.html">KONTACT</a></li> 

<li><a href="products.html">UBERSICHT</a></li> 

<li><a href="support.html">MITGLIED WERDEN</a></li> 

</ul> 

<div id="main_pic"><img src="img/main_pic.jpg"> </div> 

    </body> 
</html> 

Et le csss est:

/* CSS Document */ 


* { 
margin:0; 
padding:0; 
border:0; 
} 


#test{ 
font-color:#FFFFF ; 
display:block; 
width:20px; 
height:20px; 
border:2px; 

} 
#test:hover{ 

font-color:#1965a7; 

} 


#first_tabs{ 
position:relative; 
margin-left:470px; 
margin-top:45px; 
width:450px; 
font-family: "Trebuchet MS"; 

} 


#first_tabs li, #second_tabs li { 
    color:#FF0000; 
    display:block; 
    float:left; 
    margin-left:1px; 
    border:1px solid #eerrrr ; 
} 

#first_tabs a, #second_tabs a { 
    display:block; 
    padding:5px; 
    padding-left:11px; 
    padding-right:11px; 
    text-decoration:none; 
    background-color:#d0dee8; 
    color:#009; 
    font-size:10px; 
    text-align:center; 

} 




#first_tabs a:hover, #second_tabs a:hover { 
    background-color:#009; 
    color:#fff; 
} 


#main_pic{ 
position:relative; 
margin-top:40px; 
margin-left:103px; 



} 

si je laisse de côté la partie main_pic du fichier css, puis les travaux de vol stationnaire, mais si je ne laisse de côté, placez le curseur ne fonctionne pas dans Firefox, Chrome et Safari. S'il vous plaît aider.

J'en ai besoin dès que possible.

Istiaque Ahmed

+4

-1 car j'en ai besoin dès que possible. – Moak

+1

@Moak [Je suis content que je ne sois pas le seul utilisateur] (http://twitter.com/#!/alexdickson/statuses/14924547966898176) à être contrarié par ça. – alex

Répondre

0

Il n'y a pas de propriété font-color. Vous voulez color.

+0

qu'est-ce que tu veux dire plz? si j'omets la partie css de main_pic, cela fonctionne. –

+0

@ user542925 Le W3C n'a pas défini de propriété appelée 'font-color', donc je ne l'utiliserais pas, même si cela fonctionnait, car il s'agit d'un comportement non défini. – alex