0

ナビゲーションバーに適用した線形グラデーションを更新できないようです。cssファイルに次のように設定すると正常に動作します

.navbar-light {
    background-image: linear-gradient(rgba(255, 204, 153, 1), 75%, rgba(255, 204, 153, 0));
}

しかし、同じ関数内で他の属性を設定できても、Javascriptでは機能しないようです

function myFunc() {
    var nav = document.getElementById("myNavbar");
    nav.style.backgroundImage = "linear-gradient(rgba(255, 204, 153, 1), 90%, rgba(255, 204, 153, 0));"
    console.log(nav.style.backgroundImage);
}

ここで何が間違っていますか？

4

1 に答える 1

0

ええ、それらのセミコロン:P

(function myFunc() {
    var nav = document.getElementById("myNavbar");
    nav.style.backgroundImage = "linear-gradient(rgba(255, 204, 153, 1), 90%, rgba(255, 204, 153, 0))" // look on your code here
})()
.navbar-light {
    background-image: linear-gradient(rgba(255, 204, 153, 1), 75%, rgba(255, 204, 153, 0));
}

div.box{
  width: 100px;
  height: 100px;
  border: 1px solid black;
}
<div class="box navbar-light"> 1 </div>

<div id="myNavbar" class="box"/> 2 </div>

于 2020-12-18T16:27:28.533 に答える