同样的CSS,放在HTML内和外部文件中,以及放在不同的目录时,效果就不一样了...

本文探讨了CSS中使用相对路径导致的问题,特别是当文件目录改变时,图片等资源可能无法正常加载。文章推荐使用绝对路径来避免此类问题,并提供了在PHP或JSP中使用变量作为路径前缀的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遇到这种问题有点莫名奇妙,但其实原因是,css中有些url使用了相对定位的缘故,改变了css的路径,那么有些url就显示不了,所以才造成了差异。

 

例如:../images/zollty.png,这种写法,一旦我改变了页面文件的目录,这张图片就无法显示了。

 

建议是,把所有的url都写成绝对路径(网址+子目录,例如http://localhost/images/zollty.png),这样改变了css或者页面文件的目录后,url仍然无需修改。如果是在php或者jsp程序中,则可以写成类似于{ctx}/images/zollty.png这种形式。

 

其中ctx是自己定义的变量,它的值等于类似于http://localhost这种地址。

 

我的经验是,最好不要写相对路径吧,像http://www.cnblogs.com/css/main.css这种尽量换成绝对路径。

 

 

转载于:https://www.cnblogs.com/zollty/archive/2012/05/12/2879245.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值