Android 摩托罗拉Xoom(安卓4.0.4)上不工作的覆盖图像掩码

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;

我在测试我们的网站时发现,在android 4.0.4中,图像不再被正确屏蔽

由于弹出图像没有应用遮罩,因此它被黑色背景覆盖

这似乎是相关的CSS代码,从“查看更大”链接触发。如果您能帮助解决此问题,我们将不胜感激:

 .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可能根本没有问题