为什么css中用绝对定位把一个小的png图片覆盖在背景图片上,背景完全不显示了?

明明被覆盖的背景图片很大,png图片很小,为什么一使用绝对定位就只显示png小图片,背景直接不显示了
1 分钟前
html

<div class="main" align="center">
<div class="bg" >
<a href="www.baidu.com">
<img alt="Let's go" src="go_btn1.png" class="go_btn" height="50px" width="130px"/>
</a>
</div>
</div>

第1个回答  2015-07-10
光这样说不知道啊,楼主发html代码和css代码啊。建议查看父元素的宽和高追问

css:

.main{
position:relative;
height="2532px";
width="1440px"
position:relative;
z-index:-1;
rgba(0, 0, 0, 0);
no-repeat;
center ;
background_image:"background.jpg";
}

在CSS里面我把背景图层设置成绝对定位,想把图片放在背景图层上面,但是...
这位网友你好,你的意思貌似没有表达清楚。背景是写在background里面的,这个是不需要绝对定位的,你在这个div里面的图片需要绝对定位才对,如果不显示,可能是z-index设置的大小的问题。最好您能把代码和截图贴出来大家看一下。

CSS遮罩层不能完全遮罩页面
CSS遮罩层不能完全遮罩页面,是设置错误造成的,解决方法如下:1、先看下html,一个img图片控件,和一个有mask样式的div,里面有文字,这个就是遮罩层。2、然后看下样式定义,先看下图片容器和图片的样式,如图,其中要注意的是img_container样式里定义了position: relative;这个主要是为了让遮罩层做绝对...

css中 div的背景图的问题
就是通过定位来显示背景图片而以。把很多小的图片拼贴成一张。再通过背景定位的方法来显示,好处是减少了服务器请求次数,坏处是维护比较麻烦。 总体来说还是很值得使用的,现在流行这样做。background:url(..\/images\/ico.png) no-repeat -100px -1055px;后面两组数字,-100px 代表从左往右的方向...

DIV+CSS中的绝对定位和相对定位的区别~~~菜鸟就不用近来了
因为绝对定位(和文档流没关系)如无申明,则其是对与body而言的,处理不好的话。如显示器尺寸变了,可能就会变型。相对定位的元素属文档流,所以稳定的,相对定位是相对他该出现的位置,如无设top left之类,和普通div基本一样。一般的绝对定位是这样用的,父元素要是相对定位的且须有布局,如有个...

CSS background 能不能只用某图片的一部分作为背景垂直平铺?
主要是图片的定位和div的定位问题。设图片起点坐标是(0, 0),图片高和宽为100px,则图片右下角坐标为(0, 0);div起点坐标是(0,0),div高和宽为70px,边框分别为 10,20, 20, 10 。并给div边框上色掩盖背景图部分,则 div可见区域为图片的左上(10,10)到右下(20, 20)图片上的...

css绝对定位图片层问题
本来就是越靠后的元素其层级越高啊,这是正常现象。当未进行绝对定位的,所有图片都在同一层面,所以没有问题,进行绝对定位后,所有图片都变为漂浮层,这样后面的图片肯定就会覆盖前面的图片了。你可以通过设定z-index来人为改变这种顺序,比如有10张图片,那么你把第一张图片设为z-index:10,第二张...

css如何让背景图全屏显示css如何让背景图全屏显示出来
背景-位置:中心;背景-重复:不重复;} 但结果可能是这样的:图片没有重叠、居中和...她太小了,占不下所有的版面。可惜CSS2中没有全屏拉伸的属性,所以我自己想了个办法。使用一个DIV层,并在其中加载一个IMG标签。然后将DIV和IMG的大小设置为100%并固定在屏幕底部,这样就实现了完美的拉伸,最大...

CSS绝对定位与相对定位的区别?
如果有一个绝对定位元素位于其它相对或绝对定位元素的内部,那么该巢状元素将以相对于包含元素的方式被定位。例如下面的范例:网页内有一张图片,使用者可以在这张图片上添加矩形,然后往其中写一些说明文字。HTML档案的内容如下:CSS档案的内容如下:效果如下:在一个相对定位的元素中,添加了一张图片,...

css这里为什么显示出来的是最后一张图片呢
因为你用了绝对定位position:absolute;这样就导致你所有的图片都在同一个位置,其实五张都在,只是被最后一张覆盖了,比如你删除5.jpg显示的就是第四张了,所以第一张是在最底下,相当于一叠照片叠在一起,你肯定只能看到最上面那张了

CSS绝对定位和相对定位区别是什么?绝对定位后的图片还能自适应么_百度...
还有最后一点,绝对定位是不占位置的,它会像PS的图层一样单独做一层,至于第 几层你可以通过z-index:这个属性来设置 对于图片自适应的问题你可以通过百分比来控制或者用@media screen来判断浏览器的宽度而执行css中图片的大小;希望我的回答能帮到你;

相似回答