BigCartel上的HTML5/CSS图像翻转

我一直在尝试使用我的BigCartel帐户（使用HTML5和CSS）上的链接创建图像翻转。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; 
}

这是做我的头，感谢您的帮助。

来源

2013-12-15 user3105505

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

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

不能保证这一切都需要改变，但它是一个重要的开端。 :-)

来源

2013-12-15 22:56:34

刚刚尝试过，它不起作用:(，谢谢，有没有问题，如果有2个div的id，然后是类？ – user3105505

问题是，你有一个HTML中的类，但你试图用一个ID选择器在CSS中定位它，你需要用一个类选择器（一个点）来定位它，就是这样，如果它仍然不起作用，那么还有一些问题需要解决，但它可以在没有解决选择器问题的情况下工作，如果仍然无法工作，请发布完整的代码示例，以便人们可以告诉您下一步该做什么。 –

BigCartel上的HTML5/CSS图像翻转

回答

相关问题