Eu gostaria de inserir uma image de fundo na Master page, que será sempre o topo de todas as páginas...mas está dando stretch na imagem...COmo resolver isso? Muito Obrigada.
CODE
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Site" Theme="Abm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>xxxxx</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="pagexx"
style="background-image: url('/Images/AppBackground.jpg'); background-repeat: repeat; position: fixed; width: 100%; height: 100ex">
<br />
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>xxxxx</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="pagexx"
style="background-image: url('/Images/AppBackground.jpg'); background-repeat: repeat; position: fixed; width: 100%; height: 100ex">
<br />
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
Em todas as outras páginas, eu usei este código e deu certo, porque na Master não dá?
CODE
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LoginPage.aspx.cs" Inherits="LoginPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>gggg</title>
<link href="../Styles/gggg.WebSite.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page-background" class="PageBackground"><img src="../Images/AppBackground.jpg" width="100%" height="100%" alt=""/></div>
<form id="form1" runat="server">
</form>
</body>
</html>
html, body
{
height:100%;
margin:0;
padding:0;
}
.PageBackground
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
.Content
{
position:relative;
z-index:1;
top: 0px;
left: 0px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>gggg</title>
<link href="../Styles/gggg.WebSite.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page-background" class="PageBackground"><img src="../Images/AppBackground.jpg" width="100%" height="100%" alt=""/></div>
<form id="form1" runat="server">
</form>
</body>
</html>
html, body
{
height:100%;
margin:0;
padding:0;
}
.PageBackground
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
.Content
{
position:relative;
z-index:1;
top: 0px;
left: 0px;
}