Can I set background image and opacity in the same property?

后端 未结 14 1943
南笙
南笙 2020-11-22 07:58

I can see in CSS references how to set image transparency and how to set a background image. But how can I combine these two in order to set a transparent background image?<

14条回答
  •  北恋
    北恋 (楼主)
    2020-11-22 08:43

    #main {
        position: relative;
    }
    #main:after {
        content : "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
        width: 100%;
        height: 100%;
        opacity : 0.2;
        z-index: -1;
    }
    

提交回复
热议问题