css - Hover doesn't work -


hover effect doesn't work. here fiddle: http://jsfiddle.net/6wmnf/ don't know why. when remove hover , change width attribute(as example) works. hover or cursor attribute doesn't work, when used seperately. use latest google chrome version.

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> 

i don't know why set z-index property #düzenleyici. if not needed remove it.


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -