Question

目前我正在运行一个mvc应用程序，对于一个页面，我必须使用一个图像作为主题。我试过谷歌搜索很多东西，但没有主题为我工作。

我从互联网上得到一个例子，其中一个图像用作主题如下：

＆＃13;

.intro {
	max-width:100%;
	height:auto;
	position:relative;
	background: url(~/Content/Images/1.jpg) no-repeat bottom-center;
	  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

＆＃13;

<body>
  <section id="intro" class="intro img-fluid img-responsive">
    </section>
 </body>

＆＃13;

这对于html页面工作得很好，但我在我的一个视图中使用的是无效的。

需要别人的帮助。

Answer 1

尝试使用背景图片。还要检查您是否有权访问该图像，并在html中添加一些内容，以便可以看到背景。

.intro {
    max-width: 100%;
    height: auto;
    position: relative;
    background-image: url(http://www.w3schools.com/cssref/paper.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

在你的Html身上

<section id="intro" class="intro img-fluid img-responsive">
    <article>
        <div>Article1</div>
    </article>
    <article>
        <div>Article2</div>
    </article>
    <article>
        <div>Article3</div>
    </article>
</section>

使用图像作为mvc中页面的主题

1 个答案: