-2
これは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>
とのCSSは次のとおりです。私はホバー作品、その後、CSSファイルからmain_pic一部を省略した場合
/* 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;
}
、私は省略いけない場合、ホバーFirefox、Chrome、Safariでは動作しません。助けてください。
すぐに必要です。
Istiaqueアーメド
-1私はできるだけ早くそれを必要とします。 – Moak
@Moak [私は唯一のユーザーではないことを嬉しく思います]（http://twitter.com/#!/alexdickson/statuses/14924547966898176）それに気をつけてください。 – alex