почему действие при наведении не работает в Firefox, Chrome и Safari, если изображение включено? - PullRequest
Новая
       2

почему действие при наведении не работает в Firefox, Chrome и Safari, если изображение включено?

0 голосов
/ 15 декабря 2010

это html-код: 

<!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, тогда hover работает, но еслия не опускаю, hover не работает в Firefox, Chrome и Safari.Пожалуйста, помогите.

Мне это нужно как можно скорее.

Истак Ахмед

1 Ответ

0 голосов
/ 15 декабря 2010

Нет font-color свойства.Вы хотите color.

...