我已经按照这里的一些帖子的建议,但我似乎无法让这个为我工作。 我正在尝试在项目的一个页面上显示背景图像,该图像显示完整图像并响应浏览器窗口的大小。
我在整个项目(流明,来自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>
但它非常容易放大。如果有人能指出我正确解决这个令人讨厌的问题的方向,我将不胜感激。