0

我有一个问题，它让我发疯。我开始学习 RoR，但我不知道为什么我不能在我的 Bootstrap 3 应用程序上设置背景图像。我尝试了一切，但图像没有“加载”。

我用这个网站来做到这一点：http ://css-tricks.com/perfect-full-page-background-image/

可能做错了什么？

** 如果我将 html 更改为 body，则不会发生任何事情。如果我删除引号或不删除引号，同样的事情。

提前致谢！

更新：**对不起。新手错误。图像已损坏。有问题。感谢所有帮助。

    <!DOCTYPE html>
    <html>
      <head>

     <title>Bootstrap 101 Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

<style>

html { 
      background: url('images/fondo.jpg') no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    </style>


</head>
      <body>



        <h1>Hello, world!</h1>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://code.jquery.com/jquery.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
      </body>
    </html>

有趣的是，如果我使用任何 URL 图像，如 voices.suntimes.com/wp-content/uploads/2013/08/...，一切正常。问题在于我电脑上的图像

4

2 回答 2

1

尝试

background: url('images/fondo.jpg') no-repeat center center fixed;

我认为报价会有所作为。

此外，您的第二个样式标签缺少右斜杠。它应该是：

</style>

如果这些不起作用，也尝试更换

html {

和

body {
于 2013-10-31T20:35:08.573 回答
0

此外，如果您使用的是 rails，则说明您的应用程序设置不正确。

在 apps/assets/stylesheets 目录中，您应该放置样式表。你的图片应该在 assets 目录的 images 文件夹中。然后，您应该参考所有图像，例如

background: url('/assets/fondo.jpg') no-repeat center center fixed;

一开始可能很难掌握 Rails 的窍门。

于 2013-10-31T20:46:23.243 回答