我有一个strangs CSS问题.
下面是一个非常简单的代码示例,演示了这个问题.
<html>
<head>
<style>
.hover {
float: right;
}
.hover:hover {
background-color: blue;
}
.blocker {
opacity: 0.5;
}
</style>
</head>
<body>
<div class="hover">hover</div>
<div class="blocker">blocker</div>
</body>
</html>
我有一个div A,漂浮在另一个div B上,它的不透明度为0.5.我想在浮动div中添加一个CSS悬停规则.但由于某种原因,我不能.
无论我左右浮动,都无关紧要.
但是当我将不透明度更改为1时,悬停规则突然起作用.
任何人都可以解释这种行为吗？
我可以通过在一个范围内包含阻止div的内容来"修复"这个问题,但感觉就像我不应该这样.
这是一个jsFiddle,展示了这个问题:http://jsfiddle.net/ed82z/1/