Question

我尝试使用以下方法创建一个简单的图像链接：将鼠标悬停在支持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？ 是所有＆＃34;悬停＆＃34; css完成了吗？也许它也搞砸了，但我也找不到代码的错误。

提前致谢！

Answer 1

a {display:block; width:100px;height:auto;}

Answer 2

你应该首先复制css代码并粘贴在style.css中，如果它确实在style.css中粘贴，那么必须有一个带有widget区域的porblem。 你也可以使用几个插件。例如：
https://wordpress.org/plugins/tags/text-widget 如果这不起作用，那么试试这个。 另一种方法是检查你是否在其他wordpress中复制相同的代码并粘贴在widget中我想它会起作用。

Answer 3

<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>