我正在尝试在支持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/

10-12 13:38