首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >由于某种原因,css文件中的所有urls都被误译。

由于某种原因,css文件中的所有urls都被误译。
EN

Stack Overflow用户
提问于 2014-12-04 19:16:19
回答 3查看 135关注 0票数 1

我的网站出了个很奇怪的问题。这是随机发生的,让我以我的网站上的CSS主文件为例

代码语言:javascript
复制
http://www.xxxxx.net/oxwall/ow_static/plugins/base/css/ow.css

,它定义了许多小部件的背景图像,例如

ow_console_lang_ai{background:url(images/flags/AI.png)

这个正确的位置在

代码语言:javascript
复制
http://www.xxxxxx.net/oxwall/ow_static/plugins/base/css/images/flags/AI.png

在运行时,每个页面都包含ow.css。和大多数情况下,,事情进展顺利,但有时,(只是有的时候!)所有的urls都搞砸了。所有图像(总的来说,大约是200-400幅图像)都被追加到重新查询url中。

例如:这个/oxwall/photo/useralbum/EltonJohn/109可能触发来自ow.css的错误urls的200+请求:

/oxwall/photo/useralbum/EltonJohn/images/flags/GT.png

图像的数量很大,占用了我预先准备好的Apache的所有可用进程。

我已经搜索了好几天了。我以为是mod_deflate但不是..。有什么想法吗?

EN

回答 3

Stack Overflow用户

发布于 2014-12-04 19:24:36

尝试添加一个斜杠:

旧代码:

代码语言:javascript
复制
ow_console_lang_ai{background:url(images/flags/AI.png)

新代码:

代码语言:javascript
复制
ow_console_lang_ai{background:url(/images/flags/AI.png)
票数 0
EN

Stack Overflow用户

发布于 2014-12-04 19:33:21

有些你是说,当你写这个/oxwall/photo/useralbum/EltonJohn/109时,它是在搜索/oxwall/photo/useralbum/EltonJohn/images/flags/GT.png?我不确定能理解

编辑:

所以我想,如果您像以前一样调用您的css,但是在您的文件之前,您可以将您的特定类外部化,并将您的相对url放在javascript中。

代码语言: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>

这不是个好主意,但希望能帮上忙。

艾伦

票数 0
EN

Stack Overflow用户

发布于 2014-12-05 08:44:06

也许问题不在于代码,而在于图片。有一次,我有一张有".PNG"-ending而不是".png"-ending的图片,而我的网站没有加载它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27302143

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档