Question

我使用css代码创建一个交互按钮，当我在html页面中使用它时，它可以正常工作，但是当我把它放在一个ajax页面时它不起作用。这里是css代码

#divzero {
    height: 40px;
    width: 150px;
}

#div1 {
    height: 40px;
    width: 1500px;
    background-image: url(img/invia-candidatura.png);
    background-repeat: no-repeat;
}

#div1:hover {
    height: 40px;
    width: 150px;
    background-image: url(img/invia-candidatura-hover.png);
    background-repeat: no-repeat;
    transition: all 0.3s ease-out;
}

#div1:target {
    height: 40px;
    width: 150px;
    background-image: url(img/candidatura-inviata.png);
    background-repeat: no-repeat;
    transition: all 0.3s ease-out;
}

这里是html代码：

<body>
    <div id="div1">
        <a href="#div1"><div id="divzero"></div></a>
    </div>
</body>

当我在ajax的第三页中应用它时，我只能看到第一张图像，我在＃div1中用作背景图像但我无法上传我在＃div1中作为背景图像放置的其他图像：悬停和＃div1：目标。希望有人可以帮助我！

css按钮在辅助ajax页面中不起作用，但它们在普通的html页面中工作

0 个答案: