【问题标题】:cant display .svg as backgroundimage无法将 .svg 显示为背景图像
【发布时间】:2013-01-18 00:22:38
【问题描述】:

我正在尝试创建一个小的 HTML5 手机游戏。为了避免屏幕分辨率出现任何问题,我使用 .svg 作为背景图像。在本地服务器上工作时,图像不会显示在最终服务器上:http://tangera.bemoredifferent.com/。如果有人能解决这个问题,那就太好了。

丹尼尔

【问题讨论】:

    标签: css mobile svg screen-resolution


    【解决方案1】:

    如果您喜欢使用 .svg 文件作为背景,您必须在样式表中添加以下代码

        background-size: cover;
    

    原因,见文档https://developer.mozilla.org/en-US/docs/CSS/background-size

    在这里演示:http://jsfiddle.net/robertc/c9LgV/

    祝你好运!

    【讨论】:

    • 我想我有一个不同的问题。在使用正确的 CSS 时,服务器正在发送错误的 mime-type。试图通过.htaccess 中的一些更改来解决这个问题,但它仍然不起作用。知道如何在不使用 PHP 动态更改所有 .svg 的情况下设置正确的 mimetype 吗?