Question

关于下面的元素

<div style="display: block; background: rgba(0, 0, 0, 0) 
            url("/wp-content/uploads/2018/05/south_carolina.png";) 
            repeat scroll 0% 0%; position: relative; padding: 0px; 
            width: 615px; height: 615px;">

如何编辑element.style？我希望background-repeat : no-repeat;不确定从哪里设置它。

element {
    display: block;
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2018/05/south_carolina.png") repeat scroll 0% 0%;
    position: relative;
    padding: 0px;
    width: 615px;
    height: 615px;
}

Answer 1

这是背景的简写。它表示repeat更改为no-repeat。

元素{display：block; background：rgba（0,0,0,0）url（＆＃34; /wp-content/uploads/2018/05/south_carolina.png"）no-repeat scroll 0％0％;位置：相对;填充：0px;宽度：615px;身高：615px; }

Answer 2

在同一行？使用no-repeat：

element { display: block; background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2018/05/south_carolina.png") no-repeat scroll 0% 0%; position: relative; padding: 0px; width: 615px; height: 615px; }

或者使用jQuery：

$('element-selector').css('background-repeat', 'no-repeat');

element-selector是用于选择元素的css查询。

如何在element.style中设置background-repeat：no-repeat

2 个答案: