如何在页面加载事件上向页面的css添加属性

时间:2014-08-07 06:58:45

标签: html css css3

我想在加载页面后将background:rgba(226, 93, 141, 0.76)属性添加到body:after伪元素。

这是我的html和css:

<style runat="server" id="myStyle"  >
body:after{
    position:fixed;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
}
</style>

如何在页面加载事件中访问body:after元素?

2 个答案:

答案 0 :(得分:0)

创建一个新课程“loaded”&amp;把它添加到身体。

body:after{
    position:fixed;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
}

body.loaded:after{
    background:rgba(226, 93, 141, 0.76);
}

&安培;然后使用jQuery(修改为 Faiz Ahmed 建议):

$(window).load(function() {
   $('body').addClass('loaded');
});

答案 1 :(得分:0)

它已经解决了:

     protected void Page_Load(object sender, EventArgs e)
            {
                mystyle.InnerHtml = " body:after{ 
position:fixed;
content:'';
 top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
background:rgba(226, 93, 141, 0.76)";
            }





<style runat="server" id="myStyle"  >

</style>