2014-06-09 221 views
0

懸停效果不起作用。這裏是小提琴:http://jsfiddle.net/6WmnF/ 我不知道爲什麼。當我刪除懸停並更改寬度屬性(作爲示例)它的作品。但懸停或遊標屬性不起作用,即使單獨使用。我使用最新的谷歌瀏覽器版本。懸停不起作用

CSS:

#düzenleyici{ 
     border: 1px solid #000; 
     width: 550px; 
     height: 300px; 
     box-shadow: -1px 1px 4px #000; 
     display:inline-block; 
     position:relative; 
     z-index:-1; 
    } 
    #araclar{ 
     width:auto; 
     height:50px; 
     background:#AAD3D4; 
     display:inline-block; 
     padding:5px 15px 5px 15px; 
     border-bottom:1px solid #000; 
    } 
    #araclar>div{ 
     padding:0 5px 0 5px; 
     display:inline-block; 
     border:1px solid #606060; 
     margin:0 3px 5px 3px; 
     background:#F6F6F6; 
     font-family:calibri; 
    } 
    #iclik{ 
     border: 1px solid #000; 
     width: 100px; 
     height: 267px; 
     box-shadow: 1px 1px 4px #000; 
     display:inline-block; 
     position:relative; 
     padding:33px 0 0 0; 
     margin:0 0 0 -5px; 
     z-index:1; 
    } 
    #araclar>div:hover{ 
     cursor:pointer; 
    } 

HTML:

<html> 
<head> 
<meta charset="UTF-8"/> 
<link rel="stylesheet" href="tasarim.css" type="text/css"/> 
<script> 
</script> 
</head> 
<body> 
    <div id="düzenleyici"> 
     <div id="araclar"> 
      <div> 
       Renk 
      </div> 
      <div> 
       Yazı Tipi 
      </div> 
      <div> 
       Yazı Boyutu 
      </div> 
      <div> 
       Kalın 
      </div> 
      <div> 
       İtalik 
      </div> 
      <div> 
       Altı Çizili 
      </div> 
      <div> 
       Resim Ekle 
      </div> 
      <div> 
       Sola Daya 
      </div> 
      <div> 
       Ortala 
      </div> 
      <div> 
       Sağa Daya 
      </div> 
      <div> 
       HTML Düzenleyicisi 
      </div> 
      <div> 
       HTML Kodu Ek 
      </div> 
     </div> 
    </div> 
    <div id="iclik"> 
     asd 
    </div> 
</body> 
<script> 
</script> 
</html> 
+0

'z-index:-1;'是問題所在。你有這個理由嗎? –

+0

這是因爲你在容器上有'z-index:-1'('#düzenleyici') – Adrift

+0

我不知道減去z-index會導致這種情況。謝謝。 –

回答

3

我不知道爲什麼你設置一個z-index屬性#düzenleyici。如果不需要刪除它。

1

只需卸下z-index: -1分爲以下部分:

#düzenleyici { 
    z-index: -1; 
} 

或更改爲正值,如果你需要它。