Im using google chrome and i want that profile text with the background to disappear when i hover over it. but alas it doesn’t… i’m sure im doing something fundamentally wrong. please explain
HTML
<body>
<div id ="pictures">
profile
</div>
CSS
#pictures {
height: 100px;
width: 200px;
display: block;
background-color:#FCC;
}
#pictures:hover {
display: none;
}
You’d be better off using
opacity: 0to avoid any weirdness (as already explained by Danjah).http://jsfiddle.net/UenGP/2/