Symfony + Twig + Semantic UI = 背景图片不显示

Question

任何人都可以帮助我理解我的代码中出了什么问题吗？我使用 Symfony 2.8、Semantic UI 和 Twig，并试图简单地将图片放在我网站的背景中。为此，我正在修改我的 base.html.twig 文件。

我试过：

使用不同格式和尺寸的不同图片
将图片放在不同的位置：
- 在app/Resources/views
- 在src/AppBundle/Resources/public/images
- in web/semantic - 那是我保存语义 UI 文件的地方
使用不同的设置方式：
- 作为正文标签属性
- as inline style placed in body tag
- 作为 div 标签中使用的内部样式
- 作为外部样式 - 我修改了语义 UI css

我用一系列实验检查了路径名是否有问题。不是。重要的是：当我尝试简单地设置背景颜色时，每次都运行良好。只有图片不显示。

有什么解决这个问题的建议吗？

这是我的 base.html.twig 文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>{% block title %} Address Book {% endblock %}</title>
    {% block stylesheets %}
        <link href="{{ asset('/semantic/semantic.css') }}" rel="stylesheet"/>
    {% endblock %}
    {% block javascripts %}
        <script src="{{ asset('/semantic/semantic.js') }}"></script>
    {% endblock %}
</head>
<body style="background-image:url(siano.jpg)">
    <div class="ui center aligned container">
        <div class="ui grid">
            <div class="four wide column"></div>
            <div class="eight wide column">
                <p>
                    <h1> Address Book </h1><br>
                </p>
                {% block body %}{% endblock %}
            </div>
            <div class="four wide column"></div>
        </div>
    </div>
</body>

在上述情况下，文件结构为：

AppBundle
    Resources
        views
            base.html.twig
            siano.jpg

Answer 1

试试这个：

将您的图片移动到 web/images。

然后：

<body style="background-image:url('{{ asset('images/siano.jpg') }}')">
<div class="ui center aligned container">
    <div class="ui grid">
        <div class="four wide column"></div>
        <div class="eight wide column">
            <p>
                <h1> Address Book </h1><br>
            </p>
            {% block body %}{% endblock %}
        </div>
        <div class="four wide column"></div>
    </div>
</div>

Symfony + Twig + Semantic UI = 背景图片不显示

Symfony + Twig + Semantic UI = Background image doesn't show up

html

css

background-image

symfony

twig