*background-image

Flyfreelylss 2016-05-12 03:48:52

.ztree li span.button {
background-image:url("../img/left_menuForOutLook.png");
*background-image:url("../img/left_menuForOutLook.gif")
}

不太明白background-image前加*号,以及为什么需要分别用.png和.gif分别设置,求解
...全文
86 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Flyfreelylss 2016-05-13
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:
属性名前加*号是CSS Hack 选择IE7及以下 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 简单的说,CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然,我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。 http://baike.baidu.com/link?url=qYf5CG6Q0KICUPcPATgkyM-WJ7tfrn6xojoH3o_KbC9_eh8-ei8dPGFBdDp-mXt_oBMiGm-_QFppa-_SOEgUfa 你这个代码的作用是,因为在低版本的ie中不支持png图片的半透明度效果。所以在低版本的ie中要改用gif图片
感谢
Flyfreelylss 2016-05-13
  • 打赏
  • 举报
回复
引用 楼主 Flyfreelylss 的回复:

.ztree li span.button {
    background-image:url("../img/left_menuForOutLook.png");
    *background-image:url("../img/left_menuForOutLook.gif")
}
不太明白background-image前加*号,以及为什么需要分别用.png和.gif分别设置,求解
感谢
天际的海浪 2016-05-12
  • 打赏
  • 举报
回复
属性名前加*号是CSS Hack 选择IE7及以下 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 简单的说,CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然,我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。 http://baike.baidu.com/link?url=qYf5CG6Q0KICUPcPATgkyM-WJ7tfrn6xojoH3o_KbC9_eh8-ei8dPGFBdDp-mXt_oBMiGm-_QFppa-_SOEgUfa 你这个代码的作用是,因为在低版本的ie中不支持png图片的半透明度效果。所以在低版本的ie中要改用gif图片

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧