Question

我正在研究的项目在 CSS 文件中有硬编码的 URL, 像这样 :

a.edit
{
    background: url(/TestSite/Images/Edit.png) no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding:1px;
    margin:1px;
    text-indent: -9999px; /* hides the link text */
}

当该站点被移动到生产点时, 这些链接断开。我在找一个解决方案, 所以它只要运行到网站运行的地方就可以工作。

这就是我想出来的,它的工作原理, 但我想知道是否有更好的方法:

<script>
    $(document).ready(function () {
        $("a.edit").css( background ,  url(  + $("body").data("baseurl") +  Images/Edit.png) no-repeat top left );
    });
</script>
<body data-baseurl="~/">...</body>

Answer 1

CSS 处理相对样式表位置相对的 URLS 。利用它, 不用 javastrict 重写 URL 。

Answer 2

在生产和开发服务器上使用相同的文件夹结构。并使用相对路径

Answer 3

无法真正理解您所面临的问题是什么。使用相对路径而不是绝对路径, 您不会有事, 无论主机提供商...

Btw,还有一件事需要考虑 - - 如果客户关闭了 Javamart?

Answer 4

https://stackoverflow.com/ questions/940451/using-relimative-url-in-cs-file-what-place-is-it-relative-to"?

a.edit
{
    background: url(Images/Edit.png) no-repeat top left;
    ...
}

友情链接