css - BigCartel 上的 HTML5/CSS 图像翻转

Question

我一直在尝试在我的 BigCartel 帐户上创建带有链接的图像翻转，它使用 HTML5 和 CSS。

我的 HTML:

<div id="icons">
{% if Show_Twitter_Icon == 'Yes' or if Show_Twitter_Icon == 'yes' %}
    <li>
        <a href="{{ Your_Twitter_Url }} class=mysprite target="new"><img src="my url link" ></a>
    </li>
{% endif %}

我的 CSS:

#mysprite {
    display: block;
    background: url('my url link') no-repeat;
}

#mysprite:hover {
    background: url('my url link') no-repeat;
}

这让我费尽心思，感谢您的帮助。

Answer 1

你有一个 mysprite 类，而不是 id，所以它至少必须是——

.mysprite {
    display: block;
    background: url('my url link') no-repeat;
}
.mysprite:hover {
    background: url('my url link') no-repeat;
}

不能保证这就是所有需要改变的地方，但这是一个重要的开始。 :-)