Android 摩托罗拉Xoom(安卓4.0.4)上不工作的覆盖图像掩码
我在测试我们的网站时发现,在android 4.0.4中,图像不再被正确屏蔽 由于弹出图像没有应用遮罩,因此它被黑色背景覆盖 这似乎是相关的CSS代码,从“查看更大”链接触发。如果您能帮助解决此问题,我们将不胜感激:Android 摩托罗拉Xoom(安卓4.0.4)上不工作的覆盖图像掩码,android,css,Android,Css,我在测试我们的网站时发现,在android 4.0.4中,图像不再被正确屏蔽 由于弹出图像没有应用遮罩,因此它被黑色背景覆盖 这似乎是相关的CSS代码,从“查看更大”链接触发。如果您能帮助解决此问题,我们将不胜感激: .overlay { background:none; display:none; position:absolute; z-index:9999999; text-align:left; font-size:11px; color:#565656;
.overlay {
background:none;
display:none;
position:absolute;
z-index:9999999;
text-align:left;
font-size:11px;
color:#565656;
font-family:Arial, Helvetica, sans-serif;
-moz-box-shadow: 3px 3px 10px #000;
-webkit-box-shadow: 3px 3px 10px #000;
box-shadow: 3px 3px 10px #000;
}
.overlay #close-overlay {
width:62px;
height:30px;
cursor:pointer;
position:absolute;
background: url(../wwwasmeorg/media/images/button-close-overlay.gif) 10px 0px no-repeat #000;
font-size:12px;
color:#fff;
top:-30px;
right:0px;
line-height:30px;
padding-left:40px;
}
.overlay #overlay-img {
}
.overlay .caption {
padding:10px 0px;
color:#fff;
opacity:.8;
font-size:13px;
background:#242424;
}
.overlay .caption p {
padding:0 7px;
}
.overlay .cart-overlay {
background:#fff;
float:left;
padding:35px 40px 40px 40px;
width:380px;
font-size:16px;
line-height:21px;
text-align:center;
}
.overlay .cart-overlay .buttons {
margin-left:40px;
_margin-left:20px;
margin-top:30px;
}
.overlay .cart-overlay .buttons .blue-button {
margin-right:15px;
}
.overlay .cart-overlay.error .buttons .blue-button {
margin-left:120px;
_margin-left:60px;
}
.overlay .cart-overlay .buttons .green-button {
margin-top:-4px;
}
#overlay-landing.overlay {
background:#000;
opacity:.6;
}
#overlay-blocker {
background:#000000;
left:0;
opacity:0.7;
position:absolute;
top:0;
width:100%;
z-index:999999;
}
#overlay-blocker iframe {
width: 100%;
position: absolute;
top: 0;
left: 0;
filter : alpha(opacity = 0);
z-index: 9999;
}
#overlay-blocker {
filter: alpha(opacity = 70);
}
#overlay-blocker #overlay-loading {
background:url(../wwwasmeorg/media/images/ajax-loader.gif) 0px 0px no-repeat;
height:16px;
width:16px;
position:absolute;
}
#overlay-content {
position:relative;
}
据我所知,Android 4.0.4对CSS3图像掩码的支持较差。您的CSS可能根本没有问题