Question

我正在尝试让“home-bg.jpg”出现在网站上，但它没有出现。在下面发布我的代码。需要你的帮助。

<header class="intro-header" style="<%= asset_path "home-bg.jpg" %>">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                    <div class="site-heading">
                        <h1>Clean Blog</h1>
                        <hr class="small">
                        <span class="subheading">A Clean Blog Theme by Start Bootstrap</span>
                    </div>
                </div>
            </div>
        </div>
</header>

Answer 1

<header class="intro-header" style="background-image: url(<%= asset_path 'home-bg.jpg' %>)">

Answer 2

创建一个css文件并从那里设置背景。我们假设你想在你使用的标题上使用它。

.header {
background-image: url("home-bg.jpg");
}

Answer 3

您不一定需要创建外部样式表文件来完成您想要做的事情。

您可以编写以下代码，将 home-bg.jpg 设置为div的背景：

<header class="intro-header" style="background-image: url(<%= asset_path 'home-bg.jpg' %>)">

我不能让我的照片出现在网站上

3 个答案: