我正在尝试通过 :hover 在支持 HTML 源代码的 WordPress 小部件内创建一个简单的图像链接。
请找到我的代码:
<style>
a.filtro{
width:100px;
background: url("http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro-02.png");
}
a.filtro:hover{
width:100px;
background: url('http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro_sel-02.png');
}
</style>
<a href="http://www.tk.gvdgvd.net/?cat=10" class="filtro"></a>
链接现在根本没有出现在页面中
我不知道这里出了什么问题,是不是我的小部件不支持我的 css? 所有的“悬停”css 都做对了吗?也许它也搞砸了,但我也找不到代码有什么问题。
提前致谢!
最佳答案
<style>
a.filtro{
width: 196px;
height: 196px;
display: block;
background: url("http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro-02.png");
}
a.filtro:hover{
background: url('http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro_sel-02.png');
}
</style>
<a href="http://www.tk.gvdgvd.net/?cat=10" class="filtro"></a>
关于html - WP 小部件中的 <style> 标签问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23085183/