Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在另一个图像css上显示图像_Css_Image - Fatal编程技术网

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

在另一个图像css上显示图像,css,image,Css,Image,如何在css文件中的另一个图像上显示一个图像使用css,您可以指定元素的位置,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的顶部。例如,您可以为两个元素在页面上提供完全相同的位置,但z索引值不同,它们将堆叠在一起,一个在另一个之上 这通常与一个元素的位置或与一起使用,因为传统上流动的元素通常相对于它们的位置相互“推动”,而不是绝对的相互位置 使用CSS,您可以指定元素的样式,这将允许您在将样式呈现到标记时将元素“堆叠”在彼此的“顶部”。例如,您可以为两个元素在页面上提供完全相同的位置,但z

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

使用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;}现在我想在此图像上添加另一个图像