這是html代碼:爲什麼懸停操作在Firefox,Chrome和Safari中不起作用?
<!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>
而且CSSS是:
/* 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;
}
如果我省略了main_pic部分從css文件,然後懸停作品,但如果我不省略,懸停在Firefox,Chrome和Safari中不起作用。請幫忙。
我需要它儘快。
Istiaque艾哈邁德
-1我需要它儘快。 – Moak 2010-12-15 06:07:20
@Moak [我很高興我不是唯一的用戶](http://twitter.com/#!/alexdickson/statuses/14924547966898176)被這種感到厭煩。 – alex 2010-12-15 06:08:43