lee*_*iya 3 internet-explorer-8
我有一个错误,我试图缩小范围,它证明是一个doozie.我正在进行模态叠加,在IE8中由于某些原因我能够点击"直通",聚焦输入并选择它下面的文本.
在IE9,FF,Chrome中,一切都按预期工作.不幸的是,我打了一个减少的测试用例(如下所示)在IE8中工作得很好.以前有没有人碰到这个bug？希望能节省一些时间.谢谢!
<!DOCTYPE html>
<html>
<head>
<style>
div {
background: pink;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
</style>
</head>
<body>
<input type="text" />
<div></div>
</body>
</html>
问题确实是,当div的背景是透明的时,IE允许点击渗透.对我来说,这无处不在:
只需使用1x1像素透明GIF的base64编码作为背景,这将停止所有点击/点击(也在IE9和IE8上测试).另外,这是纯CSS,不需要额外的图像.
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
| 归档时间： |
|
| 查看次数： |
2298 次 |
| 最近记录： |