Question

如何在css文件中的另一个图像上显示一个图像

Answer 1

使用CSS，您可以指定元素的z-index，这样可以在将样式呈现给标记时“叠加”彼此“顶部”的元素。例如，您可以为页面上的两个元素提供完全相同的位置，但不同的z-index值会叠加在一起，一个在另一个之上。

这通常与元素的float或absolute positioning一起使用，因为传统上流动的元素通常相对于它们的位置相互“推”而不是绝对地相互位置。 Example here。 Lots of information here

Answer 2

有几种方法，但关键是使用z-indexes定位（例如position: relative）。

Here is an example.

Answer 3

您应该发布更多信息，但至少要看一下css here的z-index功能。如果我理解你的问题，这应该会有很大的帮助。

Answer 4

这适用于所有主流浏览器.. 看看这个

<html>
<head>
<style>
.search_customization-icon_icon {
position: relative;
margin-top: -40px;
margin-left: 3px;
width: 162px;
height: 22px;
display: block;
background: url(http://Apparelnbags.com/skins/skin_1/images/anb_icon_sold-with-customization_icon.png) no-repeat center;

}

</style>


</head>

<body>
<table>
<tr>
<td style="padding-right:5px;">

<span style="width:190px;height:235px;display: block;">
<a title="Alternative AA04 Ladies Rib Crew" href="http://www.apparelnbags.com/alternative/aa04-53-oz-rib-crew-t-shirt.htm">
<img src="http://images.apparelnbags.com/product/icon/AA04.jpg" style="position:relative;border:0">
<span class="search_customization-icon_icon">
</span>
</a>
</span>

</td>
</tr>
</table>

</body>
</html>

在另一个图像css上显示图像

4 个答案: