css实现图片悬浮

css实现图片悬浮,第1张

图片不要跟文字同在一容器里就很好弄了

图片归图片,文字用个DIV或P包起来~~~左浮动

一定要不变动html结构的话,那就把外边的容器设成相对,然后左填充至少100px;

里面的图片设成绝对,距左设为零,距上默认为零也可以设置一下零。

1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景,一定要注意,路径要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。

overflow:hidden是溢出的隐藏,你们溢出当然去掉没有影响了。

dispaly:inline内联的样式,你多谢Img试试。你就是知道了!

还有为什么要浮动才显示。是因为你的width 和height 太小来了 !

希望对你有所帮助!

谢谢!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11620276.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存