子div 遮盖父div

在开发页面UI有这么一个要求，要对图片有一个遮盖的效果，表示活动已经结束，

自己根据这个要求写了一个demo，仅供学习参考

例子：子div实现透明效果遮盖父div

<script>$(function(){console.log($(".parent").height());console.log($(".parent").width());$(".son").height($(".parent").height());$(".son").width($(".parent").width());
});</script>
<style>.parent{width: 500px;border: 1px solid green;position: relative;}.son{background-color:#808080;position:absolute;left:0px;top:0px;filter:Alpha(Opacity=30);/* IE */-moz-opacity:0.4;/* Moz + FF */opacity: 0.4;}.test{background-color:blue;width: 500px;height: 200px;}
</style>
<div class="parent">dsajlkfjdkl<br>dsaf<div class="son" style="display:block"></div>
</div>

子div 遮盖父div相关推荐

子div在父div中置底
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
用纯CSS让子DIV自适应父DIV的高度
我们在前端布局时经常使用栅格布局,而当栅格布局中的某个子元素高度发生变化,外层的父元素高度也会发生变化,如果此时想让其他子元素的高度依旧填充父元素,我们应该怎么做. 这是HTML部分代码,此时左侧的高 ...
子div在父div中上下左右居中
在父div中使用 align-items: center; 子div使用 text-align: center;
div超出不换行_子div超出父div部分横向滚动，不换行
父div: .rootBar{ width: 1920px; height: 216px; float: left; overflow-y: hidden; overflow-x: auto; whi ...
如何强制子div为父div的高度的100％而不指定父级的高度？
我有一个具有以下结构的网站: <div id="header"></div><div id="main"><div i ...
怎么让子div相对父div居中显示
方法1:.parent {width:800px;height:500px;border:2px solid #000;position:relative; }.child {width:200px; ...
html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开（清除浮动）...
浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...
HTML里子DIV设置margin-top后影响父DIV位置的解决办法
在HTML里,子DIV元素设置了margin-top后,在与父元素之间没有任何其他元素的情况下,会影响到父DIV的位置. 一.编写代码. <!DOCTYPE html> <html ...
嵌套div里子元素div使用margin可能遇到的问题
在使用嵌套div时,如果子元素设置了margin的属性,有时会使父元素一起移动,例如可以看到两个div一起向下移动了,并没有达到子div在父div里面向下移动 50px的效果,要解决这种情况,可以给 ...
子div超出父div_菜鸟学 react props 子到父
我们都知道在 vue 中可以使用事件将子组件的数据传递给父组件,也可以通过拿到父组件的实例直接调用父组件的方法先来个子组件 class ChildCom extends React.Componen ...

子div 遮盖父div

子div 遮盖父div相关推荐

最新文章

热门文章

子div 遮盖 父div

子div 遮盖 父div相关推荐

最新文章

热门文章

子div 遮盖父div

子div 遮盖父div相关推荐