在另一个图像css上显示图像
如何在css文件中的另一个图像上显示一个图像使用css,您可以指定元素的位置,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的顶部。例如,您可以为两个元素在页面上提供完全相同的位置,但z索引值不同,它们将堆叠在一起,一个在另一个之上在另一个图像css上显示图像,css,image,Css,Image,如何在css文件中的另一个图像上显示一个图像使用css,您可以指定元素的位置,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的顶部。例如,您可以为两个元素在页面上提供完全相同的位置,但z索引值不同,它们将堆叠在一起,一个在另一个之上 这通常与一个元素的位置或与一起使用,因为传统上流动的元素通常相对于它们的位置相互“推动”,而不是绝对的相互位置 使用CSS,您可以指定元素的样式,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的“顶部”。例如,您可以为两个元素在页面上提供完全相同的位置,但z
这通常与一个元素的位置或与一起使用,因为传统上流动的元素通常相对于它们的位置相互“推动”,而不是绝对的相互位置 使用CSS,您可以指定元素的样式,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的“顶部”。例如,您可以为两个元素在页面上提供完全相同的位置,但z索引值不同,它们将堆叠在一起,一个在另一个之上
这通常与一个元素的位置或与一起使用,因为传统上流动的元素通常相对于它们的位置相互“推动”,而不是绝对的相互位置 您应该发布更多信息,但至少可以看看css的z-index功能。如果我正确理解了你的问题,那应该会有很大帮助。你应该发布更多信息,但至少看看css的z索引功能。如果我正确理解你的问题,那应该会有很大帮助。有几种方法,但关键是使用z索引的定位(
位置:例如相对)
有几种方法,但关键是使用z索引定位(位置:例如相对)
这在所有主流浏览器上都适用。。
看看这个
<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>
.搜索\u自定义图标\u图标{
位置:相对位置;
利润上限:-40px;
左边距:3倍;
宽度:162px;
高度:22px;
显示:块;
背景:url(http://Apparelnbags.com/skins/skin_1/images/anb_icon_sold-with-customization_icon.png)无重复中心;
}
这适用于所有主要浏览器。。
看看这个
<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>
.搜索\u自定义图标\u图标{
位置:相对位置;
利润上限:-40px;
左边距:3倍;
宽度:162px;
高度:22px;
显示:块;
背景:url(http://Apparelnbags.com/skins/skin_1/images/anb_icon_sold-with-customization_icon.png)无重复中心;
}
发布一些代码?你希望它看起来像什么的截图?再加上一些,也许你会得到一个答案。阅读这篇文章,以正确的形式提出你的问题,并得到一个有价值的回答:我现在就看这个代码:div.art-header-jpeg{位置:绝对;顶部:0;右侧:0;宽度:892px;高度:200px;背景图像:url(');背景重复:不重复;背景位置:中间;}现在我想在此图像上添加另一个图像发布一些代码?您希望它看起来像什么的屏幕截图?再添加一些,也许您会得到一个答案。阅读此文章以正确地形成您的问题,并得到一个有价值的回答:我现在就输入此代码:div.art-header-jpeg{position:absolute;top:0;right:0;width:892px;height:200px;背景图像:url(');背景重复:无重复;背景位置:center;}现在我想在此图像上添加另一个图像