怎么在图片上面加个div层,让它浮于图片上方

最新推荐文章于 2024-05-24 18:21:52 发布

转载最新推荐文章于 2024-05-24 18:21:52 发布 · 1.5w 阅读

15 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Jack1ee/p/5426757.html

文章标签：

#前端 #javascript #python #ViewUI

本文介绍如何在图片上添加一个DIV层，并使其浮于图片上方。通过使用HTML与CSS定位属性实现这一效果，适用于网页设计及前端开发人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

怎么在图片上面加个div层,让它浮于图片上方

1、首先当然是要插入一张图片啦，
代码如下：<a href="#" target="_blank"><img src="images/13.png" width="240" heigth="240"></a>
图片路径自己定义。

2、定义一个层在图片上。这里要用到定位。position。
<div class="con_img"><img src=""><span class="ms"></span></div>
.con_img{position: relative; width: 240px; height: 240px;}
.ms{position: absolute; bottom: 0;left: 0; width: 240px; height: 25px; background: #000;}