为什么图标无法在页面中显示

时间:2017-12-28 07:40:30

标签: css icons jquery-easyui

我从以下网址下载了一个图标:

https://icons8.com/icon/new-icons/all

图标名称为icons8-santas-hat-64,64px png。下载后,我将其名称更改为zw.png,然后将其放入

 jsui/easyui-1.5.3/themes/icons

当然,我将配置添加到icon.css。这是icon.css的网址:

jsui/easyui-1.5.3/themes/icon.css

添加的内容是:

 .icon-zw{ //add new icon
background:url('icons/zw.png') no-repeat center center;
}
.icon-blank{
background:url('icons/blank.gif') no-repeat center center;
}
.icon-add{
background:url('icons/edit_add.png') no-repeat center center;
}
 .....

现在我想在我的页面中使用它,这是我的HTML代码:

<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/icon.css">

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="" data-options="iconCls:'icon-zw'"></a>

但不幸的是,它不能在我的页面中消失。

我已关闭浏览器,打开它以清理缓存,并访问了网站。但它又失败了。

谁能帮帮我?

0 个答案:

没有答案