• 注册
  • DZ代码
  • 今日 0
  • 帖子 15
  • 关注 0
  • DZ代码 DZ代码 关注:0 内容:15

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

  • 查看作者
  • 打赏作者
  • 拉黑名单
    • DZ代码
    • Lv.16
      无极会员
      中国加油

          例如在后台 - 界面 - 导航设置 - 快捷导航中,所设置的导航名称、图标、链接等等,在模板中都是以变量 $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,也就实现了不显示背景图片的效果。

      请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 返回顶部
    • 帖子间隔 侧栏位置: