Question

在iOS应用程序上，我试图列出用户图库中的所有图像，在每个图像的左上角（或右上角）浮动一个可点击的红色x，并以网格图案显示，我在这里有什么工作在我的浏览器中，但是当我在phonegap中运行它时，它无法在iOS或Android中正确显示。我不知道从哪里开始，或者如果可能的话，我正在使用jQuery mobile，如果这很重要的话。我尝试在没有jQuery的情况下运行代码并收到相同的结果..

<span id="client_logos">
    <div class="imgspan">
        <img src="img1.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>

    <div class="imgspan">
        <img src="img2.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>

    <div class="imgspan">
        <img src="img3.jpg" width="118" height="118" alt="" border="0" class="timg">
        <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a>
    </div>
</span>

我的css是：

.client_logos {
    display: inline-block;
    width:100%;
}
.timg {
    position:absolute;
}
.fimg {
    float:left;
    position:absolute;
}
.imgspan {
    display: inline-block;
    margin: 0 5px;
    width:120px;
    height:120px;
}

Answer 1

我在你的代码中看到很多错误，可能是问题所在：

Span #client_logos应该是一个div，因为它不是在一个span中包装html元素。
CSS声明为.clients_logos，但您的范围是使用ID而根本没有类。
fimg和timg正在使用position: absolute，但他的父.imgspan没有职位，您应该添加职位：
```
.imgspan {
    display: inline-block;
    margin: 0 5px;
    width:120px;
    height:120px;
}
```

UIwebview中的css图像叠加和内联块

1 个答案: