z索引和位置的替代方案：修复了android默认浏览器中的问题_Android_Css_Z Index_Css Position

z索引和位置的替代方案：修复了android默认浏览器中的问题

android css

z索引和位置的替代方案：修复了android默认浏览器中的问题,android,css,z-index,css-position,Android,Css,Z Index,Css Position,我的问题与这个问题有关：除了我有一个更具体的问题基本上，我有模糊的图像问题，在安卓默认浏览器。如果我有一个position:fixed元素和z-index:20，那么z-index大于或等于20的任何其他元素也会有一个图像（已故img元素或具有背景图像的元素）也会显得模糊。换句话说，确保图像清晰的最大z索引值必须小于页面上任何位置：固定元素的z索引。下面的示例代码演示了我的意思：演示Url: 代码： div{ 显示：块；宽度：100%； } a{ 背景图片：url（logotest_b

我的问题与这个问题有关：

除了我有一个更具体的问题

基本上，我有模糊的图像问题，在安卓默认浏览器。如果我有一个

position:fixed

元素和

z-index:20

，那么z-index大于或等于20的任何其他元素也会有一个图像（已故img元素或具有背景图像的元素）也会显得模糊。换句话说，确保图像清晰的最大z索引值必须小于页面上任何位置：固定元素的z索引。下面的示例代码演示了我的意思：

演示Url:

代码：


div{
显示：块；
宽度：100%；
}
a{
背景图片：url（logotest_big.jpg）；
背景大小：60%；
显示：块；
宽度：200px；
高度：200px；
}

代码演示了一个模糊的图像。但如果更改z索引，使position:fixed元素大于position:absolute元素，position:absolute元素将具有清晰的图像

如何纠正此问题，使z索引大于位置：固定元素的z索引的非模糊图像

这只发生在一些默认的android浏览器上。就我而言，Galaxy note v1上的Android 4.0。

这个z-index的说法对我来说简直是胡说八道。您是否尝试过使用较大的图像和背景尺寸？只有在高像素密度屏幕上使用非优化图像时，我才看到模糊的图像。

<!DOCTYPE html>
<html>
    <head>
    <meta name="viewport" content="width=device-width, maximum-scale=1.0,initial-scale=1.0, user-scalable=0" />
    <style type="text/css">
    div {
        display:block;
        width:100%;
    }
a {
      background-image:url(logotest_big.jpg);
      background-size:60%;
            display:block;
            width:200px;
            height:200px;
      } 
  </style>

    </head>
    <body>
        <div id="top-nav-container"
        style="
    position:fixed;
        top:0px; 
    z-index:20;
        ">
      <a></a>
        </div>
        <div id="top-nav-container-2"
        style="
    position:absolute;
    top:300px; 
    z-index:40;
        ">
            <a></a>
        </div>



    </body>
</html>