小编Ddd*_*sul的帖子

用js改变z-index

我对z-indexjs 的变化有一个问题:我有一堆卡片

.card
{
    background: rgb(70, 70, 70);
    width: 300px;
    padding-bottom: 10px;
    float: left;
    margin: 100px 5px 0 5px;
    opacity: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transition: 1s;
    z-index: -1 !important;
}
Run Code Online (Sandbox Code Playgroud)

我用js更改了一些属性:

window.onload = function()
{
    var cards = document.querySelectorAll(".card");
    for (let i = 0; i < cards.length; i++)
    {
        cards[i].style.margin = "0 5px 0 5px";
        cards[i].style.opacity = "1";
    }
    for (let i = 0; i < cards.length; i++)
    {
        cards[i].style.transition = ".4s"; …
Run Code Online (Sandbox Code Playgroud)

html javascript css

2
推荐指数
1
解决办法
947
查看次数

标签 统计

css ×1

html ×1

javascript ×1