由于某种原因,css文件中的所有URL都被错误翻译

时间:2014-12-04 19:16:19

标签: css image url

我的网站出现了一个非常奇怪的问题。它是随机发生的让我举一个我网站上的主要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但没有...任何想法?

3 个答案:

答案 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并且我的网站没有加载它。