Question

如何设置屏幕高度到我的班级：之前？我厌倦了使用jquery这样做。这是我的代码：

var login_height = $(window).height();     
$(".login_left_box:before").css('border-bottom-width' , login_height+"px");

这里我在这个类中设置了动态border-bottom-width： 1024px （设置1024px动态）所以我该怎么办？

.login_left_box:before {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 750px solid #fff;
    border-left: 100px solid transparent;
    position: absolute;
    right: 0;
    top: 0px;
    background-image: url(../images/common/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-width: 1024px;
}

Answer 1

基本上，你不能这样做，:before元素不是DOM对象。

你可以做的是：

var login_height = $(window).height();     
$("<div class='before'></div>")
    .css('border-bottom-width' , login_height+"px")
    .prependTo($(".login_left_box"));

而且，在你的CSS中：

.login_left_box>.before {
    width: 0px;
    height: 0px;
    border-bottom: 750px solid #fff;
    border-left: 100px solid transparent;
    position: absolute;
    right: 0;
    top: 0px;
    background-image: url(../images/common/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-width: 1024px;
}

Answer 2

我解决了这个问题

设置身高 100vh

如何在类中设置动态高度：在使用jquery之前？

2 个答案: