如何在html / ASP.net中设置背景图片，即使在移动网站时也可以使用？

Question

我正在尝试将图像设置为背景图像。 根据我的读物–如果地址或站点放置在文件夹中，则地址之前必须有波浪号（〜），否则该站点将不起作用。 但是尽管这样做在我执行以下操作时会起作用（由于它不是背景图片，所以无法获得想要的结果）：

<asp:Image ID="MyImage" runat="server" ImageUrl="~/images/Image1.png"/>

它在我需要它工作的地方不起作用：

<body style="background-image: url(~/images/Image1.png) ; background-position: left top; background-repeat: no-repeat">

在此处添加波浪号会导致图像消失。

那么如何将波浪号添加到背景图像？ （为什么它在那里不起作用？）

编辑：我试图有：

background-image: url(images/topleft.png)

（没有第一个正斜杠），但是从该页面继承的任何页面（即母版页面）都没有“找到”该图像。

Answer 1

如果将所有样式都移到CSS中，事情会变得更容易，这样，解析URL就不会有任何问题，因为它们都与样式表的位置有关。

Answer 2

您的CSS文件位于根文件夹中吗？ 可能是您的页面没有找到CSS文件或所有页面（保存在不同文件夹中的页面）的URL都不相同？ 请确保您具有正确的目录结构：

+--Root folder

  +--Css (folder)
     \--Stylesheet.css

  +--Images (folder)
    \--image.jpg

  +--Pages (folder)
    \--mypage.aspx

 \--Default.aspx