Question

我的CSS中有一个类似于此的头类 -

header {
    background-image: url('../img/header-bg.jpg');
    background-repeat: none;
    background-attachment: scroll;
    background-position: center center;
    .background-cover;
    text-align: center;
    color: white;
    .intro-text {
        padding-top: 100px;
        padding-bottom: 50px;
        .intro-lead-in {
            .serif-font;
            font-style: italic;
            font-size: 22px;
            line-height: 22px;
            margin-bottom: 25px;
        }
        .intro-heading {
            .heading-font;
            font-weight: 700;
            font-size: 50px;
            line-height: 50px;
            margin-bottom: 25px;
        }
    }
}

现在我希望此处的背景图片每隔10秒更改一次名为“＆{39; abc.jpg＆＃39;”的第二个文件。在线提供的解决方案建议在html代码中使用两个<img>标签，然后使用jquery执行转换。但我的html代码不包含任何<img>标签，因为我在CSSfor标头中定义了图像。那么现在如何在不在html代码中添加额外的img标签的情况下完成此转换？或者有什么方法可以使用jQuery或Javascript操作CSS文件，并在每10秒后更改头文件类的背景图像的URL？

Answer 1

让你的html像这样

<header id="change-image" style="background-image: url('../img/header-bg.jpg');"></header>

现在你有了你可以改变的样式属性，只有一个规则存在，所有其他规则都保留在外部较少

Answer 2

这是你想要的：

null

溶解标题的背景图像

2 个答案: