DIV中的显示效果不对?求解?_html/css_WEB-ITnose
程序员文章站
2022-04-22 08:42:55
...
border-right:1px solid red;
border-right:1px solid red;
为什么文字在图片的上面?求解
回复讨论(解决方案)
你的Style里面有margin-top: -40px;所以到图片里面去了
我就是让文字出现在图片的下方的
border-right:1px solid red;
border-right:1px solid red;
是由margin-top:-200px;引起的,你去掉就可以了,去掉之后文字就在图片的下面了。
把负号去掉就可以了
我是要让图片盖住文字,亲,不是文字
在图片
下方
我就是一只小鸟…………
此效果就可以实现将图片覆盖文字,如果将第二个div的z-index改为比第一个div里头的值大,则文字就会在图片上边。
你可以利用绝对定位来实现一个覆盖一个的效果
再给你举个例子吧,
我就是一只小鸟…………
此效果就可以实现将图片覆盖文字,如果将第二个div的z-index改为比第一个div里头的值大,则文字就会在图片上边。
margin-top:5px;
利用
position:absolute;
z-index:100;
可以实现
在HTML5中,有一种新的标签,专门用于布局图片及图片标题的,你可以看看,我给个小例子
postion:absolute;z-index:999;/*数值越大越靠上*/
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
推荐阅读
-
DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose
-
php正则匹配html中的带class的div,选取其中的内容_html/css_WEB-ITnose
-
怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
-
Web 开发中很实用的10个效果【附源码下载】_html/css_WEB-ITnose
-
在div中的img左侧总会出现一条竖线_html/css_WEB-ITnose
-
这个页面的DIV不随滚动条滚动的效果是怎么做到的?谁能帮我解决下?有现成简单的代码更好_html/css_WEB-ITnose
-
Div在浏览器中居中显示_html/css_WEB-ITnose
-
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
-
想实现一个像csdn论坛的侧边栏显示和隐藏效果遇到困难_html/css_WEB-ITnose
-
div中ul ol li dl dt dd的用法_html/css_WEB-ITnose
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论