z-index不使用图像

时间:2011-12-20 21:26:16

标签: image z-index background-image right-click

我正在努力使这些图像排成一行,以便blank.gif出现在图像的前面。我不能用它作为背景图像,我尝试使用像-1这样的负z-index但是然后图像在我试图使用它的网站上一起消失。我的目标是让灰色和黑色图像出现在blank.gif。

之后

我必须避免或不会工作的事情是:

  • z-index: -1 (只是负数)
  • <div>
  • 中使用背景图片

并且两个图像都必须保留在父元素中,我的问题是我无法使用任何需要在html头部内部的脚本。我试过但无法找到解决方案。如果你有任何方法可以保持图像的右键单击并轻松保存,那就太棒了。感谢任何帮助。

图片html在这里:index.html

代码示例:


<html><div style="position:absolute;width:150px;height:150px;display:inline;"> <img src="http://dl.dropbox.com/u/14413762/blank.gif" style="position:static:width:150px;height:150px;left:0px;top:0px;z-index:2;"><img src="http://dl.dropbox.com/u/14413762/bbc/image.png" style="position:absolute;left:0px;top:0px;;z-index:1;"> </div></html>

1 个答案:

答案 0 :(得分:1)

是的..你几乎浪费时间在其他地方更好。想要获得图像的人可以使用firefox或chrome中的Web开发人员工具,查看页面源等等。

但实际上,z-index仅适用于绝对,相对或固定定位元素。它不适用于您设置为z-index为2的静态定位元素。我已经完成了您尝试使用相对定位的元素,z-index以及顶部和左侧或负顶部和左侧边距来实现的功能。