자 div 숨김 부 div

1318 단어 div
페이지 UI를 개발할 때 이러한 요구 사항이 있습니다. 그림에 대한 커버 효과를 가져야 합니다. 이것은 활동이 끝났다는 것을 의미합니다.
 
스스로 이 요구에 따라 데모를 하나 썼는데, 학습에 참고만 제공하였다.
 
예: 자식 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>

 

좋은 웹페이지 즐겨찾기