除主页外，css中的资源在其他页面中链接不正确

时间：2017-06-22 作者：cup_of

你好，我有一个关于我的风格链接的小问题。css

例如：

@font-face {
    src: url(\'wp-content/themes/mytheme/fonts/font.ttf\');
}
以及

.div {
    background: url(\'wp-content/themes/mytheme/images/img.png\');
}
我的主页工作正常，资源链接正确，但当我转到另一个页面（如“关于”）时，链接会断开，因为它会这样做：

www.url.com/about/wp-content/themes/mytheme/images/img.png

有人知道为什么会这样吗？

谢谢

2 个回复
最合适的回答,由SO网友:WebElaine 整理而成

您使用的相对URL将始终查看当前URL结构内部。您要么需要在wp内容之前添加斜杠，要么输入资源的完整URL。

例如：src: url(\'/wp-content/themes/mytheme/fonts/font.ttf\');

或src: url(\'http://example.com/wp-content/themes/mytheme/fonts/font.ttf\');

SO网友:hwl

对于以下结构：

/wp-content/
    /themes/
        /mytheme/
            style.css
            /images/
                img.png
            /font/
                font.tff
参考文献img.png 和font.tff 像这样：

.div {
    background-image: url(\'images/img.png\');
}

@font-face {
    src: url(\'fonts/font.ttf\');
}
当css文件位于目录中时：

/wp-content/
    /themes/
        /mytheme/
            /css/
               some.css
            /images/
                img.png
            /font/
                font.tff
在某些方面。css您可以这样引用它们：

.div {
    background-image: url(\'../images/img.png\');
}

结束
标签： css   linking   小码农  

相关推荐

有关缺少CSS规则的主题检查错误

REQUIRED: .wp-caption css class is needed in your theme css. REQUIRED: .wp-caption-text css class is needed in your theme css. REQUIRED: .sticky css class is needed in your theme css. REQUIRED: .screen-reader-text css class is needed in your t