同样的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这种尽量换成绝对路径。

原文地址:https://www.cnblogs.com/zollty/p/2879245.html