html - CSS hover isn't working for my divs -
i can't hover css effect work on divs.
here html:
<!doctype html><!--html5--> <html lang="en"> <head> <meta charset="utf-8"/> <link rel="stylesheet" type="text/css" href="chaosmain.css"/> </head> <body> <div id="featuredcontent1"></div> </body> </html>
here css it:
html{ margin:0px; padding:0px; height:100%; width:100% } body{ margin:0px; padding:0px; height:100%; width:100%; background-color:#f0f0f0; color:#f0f0f0; } div{ position:fixed; } #featuredcontent1{ margin-left:8.5%; margin-top:11.7%; width:23%; height:40%; background-color:#f26e24; z-index:-1; border-radius:2px; } #featuredcontent1:hover { width:25%; height:42%; }
i can't find wrong it, hover has no effect whatsoever.
remove line #featuredcontent1 style
z-index:-1;
code
html{ margin:0px; padding:0px; height:100%; width:100% } body{ margin:0px; padding:0px; height:100%; width:100%; background-color:#f0f0f0; color:#f0f0f0; } div{ position:fixed; } #featuredcontent1{ margin-left:8.5%; margin-top:11.7%; width:23%; height:40%; background-color:#f26e24; border-radius:2px; } #featuredcontent1:hover { width:25%; height:42%; background:red; }
<body> <div id="featuredcontent1"></div> </body>
Comments
Post a Comment