0

好吧，这有点让人头疼（至少对我来说）。

基本上，我已经设置了一个母版页，它有常用的按钮和我们的徽标。

我已经获得了我们公司希望在母版页上设置的标题图像，但它太大了，我希望它溢出到主页（和后面），而不是突然终止并且看起来很傻。我对z-index（将其设置为常规img）进行了一些处理，但无济于事。

谁能指出我应该如何去做的正确方向？

代码：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">

</asp:ContentPlaceHolder>
<style type="text/css">
    .style1
    {
        color: #CC3300;
        background-color: #FFFFFF;
    }
    .auto-style2 {
        font-size: small;
        display: block;
        text-align: left;
        padding: 10px;
        color: White;
        background-color: #FFFFFF;
    }
    </style>

<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/../ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/themes/ui-lightness/jquery-ui.css" type="text/css" />

<script type="text/javascript">
var timoutNow = 900000; // Timeout in 15 Mins.
var logoutUrl = 'Default.aspx'; // URL to logout page.
var timeoutTimer;

// Start timers.
function StartTimers()
{
    timeoutTimer = setTimeout("IdleTimeout()", timoutNow);
}

// Reset timers.
function ResetTimers()
{
    clearTimeout(timeoutTimer);
    StartTimers();
}

// Logout the user.
function IdleTimeout()
{
    window.location = logoutUrl;
}
</script>

</head>
<body onload="StartTimers();" onmousemove="ResetTimers();">
<form runat="server">
<div class="page">
    <div class="header">
        <div class="auto-style2">
            <img alt="" class="style1" src="CompanyLogo.jpg" style="background-position: right top; white-space: nowrap; position: absolute; width: 166px; height: 80px; top: 2px; right: 8px;" />
            <asp:HyperLink ID="HyperLink1" runat="server" ForeColor="Black" NavigateUrl="~/Default.aspx">Log off</asp:HyperLink>
        </div>
        <div class="clear hideSkiplink">
            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/ReportMenu.aspx" Text="Reports" 
                        Value="Dashboard"/>
                    <asp:MenuItem NavigateUrl="~/SiteMan.aspx" Text="Site Manager" Value="Dev Menu">
                    </asp:MenuItem>
                    <asp:MenuItem Text="Team Manager" Value="Team Manager" 
                        NavigateUrl="~/TeamMan.aspx"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/Ticksheets.aspx" Text="Ticksheets" 
                        Value="Ticksheets"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/Scheduler.aspx" Text="Scheduler" Value="Scheduler">
                    </asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/Updater.aspx" Text="Updater" Value="Updater">
                    </asp:MenuItem>
                    <asp:MenuItem Text="Monitoring" Value="Monitoring" 
                        NavigateUrl="~/Monitoring.aspx"></asp:MenuItem>
                </Items>
            </asp:Menu>
        </div>
    </div>
    <div class="main">
        <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
    </div>
    <div class="clear">
    </div>
</div>
<div class="footer">

</div>
</form>
</body>
</html>
4

1 回答 1

1

您可以使用 css 背景属性来实现。

body { 
  background: url("topbanner.png") #00D repeat-y fixed; 
}

参考：背景

于 2013-06-18T08:17:41.327 回答