MVC中的响应背景图像

时间:2018-03-07 17:09:17

标签: html css asp.net-mvc

我已经按照这里的一些帖子的建议,但我似乎无法让这个为我工作。 我正在尝试在项目的一个页面上显示背景图像,该图像显示完整图像并响应浏览器窗口的大小。

我在整个项目(流明,来自Bootswatch)中都有一个引导主题,这个主题是未受影响的,并且在css文件的末尾添加了以下代码,以便在我的主页中获取此背景图像,索引:

.index {
background-image:url('~/Content/images/home.jpg');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}

我还试图在索引之后放入#content,但无济于事。

要在我的视图中加载图片,我有:

@{
ViewBag.Title = "Home Page";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<body class="index">
</body>

然而,没有任何事情发生。包含

时图像会加载
<body background="~/Content/images/home.jpg">
</body>

但它非常容易放大。如果有人能指出我正确解决这个令人讨厌的问题的方向,我将不胜感激。

0 个答案:

没有答案