我正在尝试在支持HTML源代码的WordPress小部件中使用:hover建立一个简单的图像链接。
请查找我的代码:
<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/