Discuz技巧 – 巧用 background-size 去除变量背景图片

    例如在后台 – 界面 – 导航设置 – 快捷导航中，所设置的导航名称、图标、链接等等，在模板中都是以变量 $nav[code] 来输出的。

<li>$nav[code]</li>

但变量实际输出的值是

<a href=”portal.php” style=”background-image:url(”static/image/feed/portal_b.png“) !important”>首页</a>

这里强行带了一个 style，并且赋值 !important，这个便是导航图标。

    如果想去掉这个图标，改变量的成本又过高。如果给css样式，又无法覆盖 !important，那这里就可以使用CSS3的一个新样式：background-size。只要给A标签一个属性 background-size: 0; 这样就可以让带有 !important 的背景图片尺寸大小为0，也就实现了不显示背景图片的效果。