夕阳渐渐迫近地平线,霞光从地平线晕染开来,将天边的云朵渲染得一片通红。山岗上,我静静地望着那轮夕阳。霞光将我的身影剪裁的冗长。暖暖的阳光将我投射成透明,仿佛随时都会蒸发。
代码如下:
复制代码
代码如下:<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>说明</title>
<meta name="keywords" content="关键词" />
<meta name="description" content="摘要" />
<link rel="nofollow noopener noreferrer" href="css/global.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<script src="scripts/js/html5.js"></script>
<![endif]-->
<style type="text/css">
*{
padding:0;
margin:0;
}
.images-content{
position: absolute;
z-index: 1;
left: 0;
bottom:0;
width: 100%;
color: #fff;
background: rgba(0,0,0,.7);
height: 54px;
line-height: 54px;
overflow: hidden;
}
.images-wrapper{
width:251px;
height:330px;
position:relative;
}
</style>
</head>
<body>
<div class="images-wrapper">
<img src="images/goods-1.jpg" alt="商品111" title="商品1"/>
<div class="images-content">
1111111111
</div>
</div>
</body>
</html>
以上就是css如何实现文字层浮在图片之上示例代码。一夜之间红起来的货色,断定会在一夜之间暗下去。更多关于css如何实现文字层浮在图片之上示例代码请关注haodaima.com其它相关文章!