请教图片定位问题

Question

请教下 2张图片 一张图片定位在另一张图片下 却又不会被覆盖应该在吗办？我用相对定位和绝对定位。但是图片会被覆盖 怎么设置优先级 不会被覆盖。。还有怎么让文字和图片并排

Answer 1

最下面的图片position: relative;  然后文字和上面的图片position: absolute;   图片重叠显示而不覆盖的话用z-index；z-index的值也高，显示的层数也高，也就是越上面

Answer 2

z-index的数值越大，优先级越高

Answer 3

z-index提高图层

Answer 4

有个z-index属性，这个属性值设置的越高，层数就越高。

Answer 5

<div class="toutiao">

这里是头条图片

</div>

<div class="bg">

这里是背景图片

</div>

<style>

.bg{position:relative;top:24px;left:20px;z-index:2;}

.toutiao{position:absolute;top:-60px;z-index:3;}

</style>

Answer 6

很多吧

Answer 7

z-index

Answer 8

图片覆盖优先级用z-index  文字与图片并排 设置文字标签为inline-block

Answer 9

<div class="box" style="position:relative;">

    <img src="大图" style="position:relative;z-index:2;">

    <img src="小图" style="position:absolute;top:120px;left:30px;z-index:1;">

</div>

上代码说话，如果用z-index为负的话，会在body之下，图会”消失“

Answer 10

悬浮？z-index

Answer 11

z-index:xx；值越大层级越靠上

Answer 12

先正常的排出文字及下面的图片，然后让头条的这个图片浮动，并设置z-index随便设置一个正整数就可以了

Answer 13

z-index = xxx。数字大的在上层

Answer 14

z-index可以处理层级。但是绝对定位的元素不在文档流之内。设置z-index好像不能再有些浏览器兼容，默认好像绝对定位的会覆盖相对定位的。。如果要那个圆形图覆盖背景图。可以把圆形的设置的绝对的

Answer 15

层级关系处理好就好了

Answer 16

z-index

Answer 17

z-index 用这个属性  但是 这个属性使用的时候有一些注意事项  你最好查一下

Answer 18

Hahjahahahahah

Answer 19

这个小图片定位之后 z-index:-1;降低小图片的优先级