.div1 {
position: relative;
}
.div2 {
position: absolute;
z-index: 1; /* 需要加上z-index否则字也会变成透明的*/
}
.img1 {
opacity: 0.9;
}
<div class="div1">
<div class="div2">文字内容</div>
<img
class="img1"
alt="清新淡雅的小花背景图"
src="http://t2.hddhhn.com/uploads/tu/201610/198/scx30045vxd.jpg"
/>
</div>
img { opacity: 1; transition: opacity 0.3s;}img[data-src]...
img[src=""],img:not([not]){ opacity:0;}
img[src=""],img:not([src]){ opacity:0; }
display visibility opacity position:absolute clip-path
1、CSS3中属性的透明度是opacity 2、让div垂直居中： position: absolute; ...
如果设置一个元素可以点击，但元素下方有一个 img 标签时（元素 absolute 定位），ie 9 以下点击区域...
H5图片高度自适应 问题描述：在img标签的设置style=“width:100%;height:auto !im...
正常情况下，在ie8下设置opacity是无效的，ie8下的兼容设置是： opacity:.5; filter:a...
总得来说，文字环绕图片显示的实现方式有这样两种： 通过img的 align 属性， 设置img的停靠位置，文字会环...
本文标题：img设置opacity,同级文字是absolute,并且在im
本文链接：https://www.haomeiwen.com/subject/itmxuqtx.html
网友评论