gpt4 book ai didi

asp.net - CSS3 背景尺寸 :cover not working in ASP. 净

转载 作者:行者123 更新时间:2023-11-28 12:50:36 24 4
gpt4 key购买 nike

我遇到了一个问题,快把我逼疯了。简而言之,我已经在纯 HTML/CSS 中本地测试了 subj 中的方法,它运行良好:

<html style="
padding:0px;
border:0px;
margin:0px">

<body style="padding:0px;border:0px;margin:0px;">
<form style="width:100%;height:100%;padding:0px;border:0px;margin:0px;background: url(background.jpg) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale');">
<div style="float:right;width:500px;height:100%;background-color:#ffffff;padding:0px;border:0px;margin:0px;"></div>
</form>
</body>
</html>

但是尝试将它放入 ASP.Net 中完全失败,因为图像没有调整大小,而是以固有大小显示。

<body>
<form id="MainForm" runat="server" style="height:100%;width:100%">
<div class="MainArea" runat="server">
<div class="Header">
<asp:Label ID="PageTitleLabel" runat="server"></asp:Label>
</div>
<%
string logoPath =
System.Web.Configuration.WebConfigurationManager.AppSettings[ "logo" ];
if( !String.IsNullOrEmpty( logoPath ) )
{
%>
<div class="GroupXLargeMargin">
<img src="<%= logoPath %>" alt="logo" />
</div>
<%
}
%>
<div class="GroupLargeMargin">
<div class="TextSizeXLarge">
<asp:Label ID="STSLabel" runat="server"></asp:Label>
</div>
</div>
<div class="MainActionContainer">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</form>
</body>

和 CSS:

*
{
margin: 0px;
}

html, body
{
width: 100%;
height: 100%;
padding: 0px;
}

body
{
font-size: 0.8em;
font-weight: normal;
font-family: "Segoe UI", Verdana, Tahoma, Arial, sans-serif;
background-color: #ff5500;
color: #222222;
background: url(../App_Themes/Default/background.jpg) no-repeat;
background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/background.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Default/background.jpg', sizingMethod='scale');
}

我看不出有什么理由不工作,但事实并非如此。如果重要的话,ASP 页面是 ADFS 登录母版页。我试过将背景应用于各种元素,结果总是一样的 - 在 HTML 中有效,在 ASP.Net 中无效。

最佳答案

好吧,看来我不得不发布它来让自己更好地思考 :)这一切都归结为母版页本身的一条语句:

    <meta http-equiv="X-UA-Compatible" content="IE=8" />

将其注释掉,一切正常。也许这对某些人来说是一条捷径。

关于asp.net - CSS3 背景尺寸 :cover not working in ASP. 净,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16991637/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com