同样的CSS,放在HTML内和外部文件中,以及放在不同的目录时,效果就不一样了
遇到这种问题有点莫名奇妙,但其实原因是,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这种尽量换成绝对路径。
- 作者:zollty(接收技术咨询和工作机会)
- 出处:http://www.cnblogs.com/zollty/
- 本文版权归作者和博客园共有,欢迎转载,但请在文章页面明显位置给出原文连接,否则视为侵权。
- 关于博主,85后程序员,擅长复杂分布式系统架构,中间件设计开发,关注效率/性能/稳定性。
- 对于自己,博文只是总结。在总结的过程发现问题,解决问题。
- 对于他人,在此过程如果还能附带帮助他人,那就再好不过了。
- 感谢您的阅读。如果文章对您有用,那么请轻轻点个赞,以资鼓励。