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
Post a Comment