如果这个问题的标题很含糊,我很抱歉......
我有一个由 MasterPage 组成的 Web 应用程序,其中包含我所有的 css 和 js 文件,任何其他页面都将加载到 MasterPage 的内容中。
在一个页面中,我使用此调用通过 javascript 调用另一个页面:
<script type=text/javascript>window.open('ApriOrdine.aspx?ID=B300&MODE=UPD',null,'scrollbars=1')</script>
ApriOrdine.aspx 页面包含 2 个用户控件。我的 css 规则有问题,我无法使用在 css 外部文件中编写的 css 规则设置填充。
这是我的 ApriOrdine.aspx 的全部代码:
<%@ Page Title="Orders" Language="C#" AutoEventWireup="true" CodeBehind="ApriOrdine.aspx.cs" Inherits="WebApplication1.ApriOrdine" EnableEventValidation="false" %>
<%@ Register TagPrefix="UC" TagName="UserControlCom" Src="~/Commessa.ascx" %>
<%@ Register TagPrefix="UC" TagName="UserControlCli" Src="~/Cliente.ascx" %>
<head runat="server">
<link href="css/css.css" rel="stylesheet">
</head>
<body>
<form runat="server">
<div class="ApriOrdine">
<div>
<UC:UserControlCom runat="server" ID="ucCommessa" />
</div>
<div>
<UC:UserControlCli runat="server" ID="ucCliente" />
</div>
</div>
</form>
</body>
如您所见,css.css 文件包含在 head 标签后面。
问题在于,如果我像这样在我的 css.css 中编写此 css 规则,它就不起作用。
.ApriOrdine
{
padding:50px;
}
相反,如果我使用样式属性将填充分配给 div,它就可以完美地工作......
<div class="ApriOrdine" style = "padding:50px;">
编辑
这是我的 complete source code
这是 css
那么,这里出了什么问题?请帮助我,谢谢! 如果您需要更多详细信息,请问我!
最佳答案
我看到的唯一原因是您对 css 的引用不好。 我不知道您元素的结构,但我猜母版页与您的 .aspx 页面不在同一个地方。因此,如果您从母版页复制并粘贴引用,它在 .aspx 页面中不起作用,因为结构不一样。
您可以做的另一件事是加载页面后,打开页面的源代码并查看页面中生成的引用并确保路径正确。
希望这对您有所帮助。
关于javascript - 用户控件中的 Css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26473804/