当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS样式表中引用图片地址在各浏览器中的差异

CSS样式表
CSS选择器支持列表
CSS基础教程:CSS样式表与具体设备
再谈动态添加样式规则
CSS模型教程:boxes,borderes,margins和padding
IE中选择符的4095限制
Jacascript和CSS实现Mac OS导航菜单
CSS网页制作教程:网页首页设计实例
CSS教程:CSS制作漂亮的灵活的图表
css框架是什么
推荐一份不错的reset.css
IE7下position:relative的问题
WEB标准的思想是什么?
优先选择W3C推荐的标准规范
CSS教程:彻底掌握Z-index属性
CSS高级技巧:圆角矩形
css对于字体和背景等属性的控制
CSS实现网页表格行鼠标滑过高亮显示
CSS3的border-radius属性定义HTML元素的圆角
Web流程图绘制的心得
CSS网页布局教程:绝对定位和相对定位

CSS样式表中引用图片地址在各浏览器中的差异


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 69 ::
收藏到网摘: n/a

通常,我们的页面都是引用了很多样式文件,同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。

通常,我们的样式和图片的结构如下
 
        user.qzone.qq.com/
            - a.css
                |- background-image:url(b.jpg)
 
经过测试ie和safari以及opera,a.css样式中的b.jpg背景图片的样式referer来源是站点的主域名地址.




而我们的firefox却会把图片的referer来源更改为样式文件的路径,这样如果我们在做一些防盗链处理的时候就需要格外小心.