为了账号安全,请及时绑定邮箱和手机立即绑定

请教图片定位问题

请教图片定位问题

南山黑猫 2016-08-17 10:59:47
请教下 2张图片 一张图片定位在另一张图片下 却又不会被覆盖应该在吗办?我用相对定位和绝对定位。但是图片会被覆盖 怎么设置优先级 不会被覆盖。。还有怎么让文字和图片并排
查看完整描述

24 回答

已采纳
?
依然c

TA贡献54条经验 获得超32个赞

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

查看完整回答
3 反对 回复 2016-08-18
?
落叶1111

TA贡献57条经验 获得超9个赞

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

查看完整回答
反对 回复 2017-09-14
?
_bug终结者_

TA贡献89条经验 获得超16个赞

z-index提高图层

查看完整回答
反对 回复 2016-10-14
?
受戒人

TA贡献10条经验 获得超4个赞

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


查看完整回答
反对 回复 2016-08-19
?
Sunshine22

TA贡献14条经验 获得超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>

查看完整回答
反对 回复 2016-08-18
?
慕粉3841651

TA贡献1条经验 获得超0个赞

很多吧

查看完整回答
反对 回复 2016-08-17
?
Echo_Chien

TA贡献18条经验 获得超6个赞

z-index

查看完整回答
1 反对 回复 2016-08-17
?
慕瓜4978492

TA贡献1条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-08-17
?
qq_我是猪_1

TA贡献1条经验 获得超0个赞

<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之下,图会”消失“

查看完整回答
反对 回复 2016-08-17
?
kisssister

TA贡献1条经验 获得超0个赞

悬浮?z-index

查看完整回答
反对 回复 2016-08-17
?
倾厛雨落

TA贡献1条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-08-17
?
sunyee3783747

TA贡献1条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-08-17
?
hulukid

TA贡献190条经验 获得超40个赞


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


查看完整回答
反对 回复 2016-08-17
?
这是一首

TA贡献55条经验 获得超6个赞

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

查看完整回答
反对 回复 2016-08-17
?
echo_kinchao

TA贡献600条经验 获得超86个赞

层级关系处理好就好了

查看完整回答
反对 回复 2016-08-17
?
chy_zsy

TA贡献8条经验 获得超9个赞

z-index


查看完整回答
反对 回复 2016-08-17
?
拖鞋_

TA贡献453条经验 获得超223个赞

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

查看完整回答
反对 回复 2016-08-17
?
慕粉0942227118

TA贡献1条经验 获得超0个赞

Hahjahahahahah

查看完整回答
反对 回复 2016-08-18
?
缘豆

TA贡献1条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-08-17
  • 24 回答
  • 4 关注
  • 4428 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信