我的网站出现了一个非常奇怪的问题。它是随机发生的让我举一个我网站上的主要CSS文件的例子
http://www.xxxxx.net/oxwall/ow_static/plugins/base/css/ow.css
定义了很多小部件的背景图像,例如
ow_console_lang_ai {背景:网址(图像/标记/ AI.png)
这个正确位于
http://www.xxxxxx.net/oxwall/ow_static/plugins/base/css/images/flags/AI.png
在运行时,每个页面都包含ow.css。 大部分时间,事情进展顺利,但有时候,(只是某个时候!!)所有网址都搞砸了。所有图像(总之,大约200-400个图像)被附加到resquesting url。
例如:这个 / oxwall / photo / useralbum / EltonJohn / 109 可能会从ow.css中触发200多个错误网址请求:
/ oxwall /照片/ useralbum /艾尔顿·约翰/ 图片/标志/ GT.png
图像数量巨大,占据了我预先伪装的Apache的所有可用进程..
我一直在谷歌上搜索。我认为这是mod_deflate但没有...任何想法?
答案 0 :(得分:0)
尝试添加斜杠:
旧代码:
ow_console_lang_ai{background:url(images/flags/AI.png)
新代码:
ow_console_lang_ai{background:url(/images/flags/AI.png)
答案 1 :(得分:0)
当你写这个/oxwall/photo/useralbum/EltonJohn/109
它正在搜索/oxwall/photo/useralbum/EltonJohn/images/flags/GT.png
时,你会说些什么吗?我不太明白
编辑:
所以我在想,如果你像以前一样打电话给你的css,但在你的文件之前你可以外化你的特定课程并将你的相对网址放在javascript中
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.box {
height:100px;
width:100px;
}
</style>
<script>
var url = location.href;
</script>
</head>
<body>
<div class="test-image box"></div>
<script>
document.write('<style> \
.test-image { \
background-image:url('+url+'); \
} \
</style>');
</script>
</body>
</html>
这不是一个好主意,但希望这个帮助
阿伦
答案 2 :(得分:0)
也许问题不是代码而是图片。 一旦我的图片中有一个&#34; .PNG&#34; -ending而不是&#34; .png&#34; -ending并且我的网站没有加载它。