我有一个背景图片数据库和标题文本数据库。我还有一个 gridview,它也在数据库中连接。
代码:
<div id="BgImage">
<asp:Label ID="Emp_Channel" runat="server" Font-Bold="True" Font-Size="XX-Large"></asp:Label>
<asp:GridView>
</div>
在后面的代码中:
string _bgimg = row[1].ToString();
Bgimage.Attributes.Add("Style", "background-repeat:no-repeat; background-image: url(" + _bgimg + ");");
Emp_Channel.ForeColor = System.Drawing.Color.FromName(row[0].ToString());
grid1.ForeColor = System.Drawing.Color.FromName(row[0].ToString());
CSS:
#Bgimage
{
width: 1188px;
height: 703px;
background-size:cover;
margin-left: 0px;
}
我的问题是,背景图像取决于 Gridview 的高度或数据。我希望它像背景图片一样填满所有浏览器..
有什么办法吗?我不喜欢固定宽度和高度。我希望它自动填充...我已经尝试过宽度和高度将变为“AUTO”和“100%”但它不起作用..
最佳答案
HTML Code:
<body id="Body">
<div id="BgImage">
<asp:Label ID="Emp_Channel" runat="server" Font-Bold="True" Font-Size="XX-Large"></asp:Label>
<asp:GridView>
</div>
</body>
CodeBehind Code:
//Bgimage.Attributes.Add("Style", "background-repeat:no-repeat; background-image: url(" + _bgimg + ");");
Body.Attributes.Add("Style", "background-image: url(" + _bgimg + ");");
CSS Code:
body {
background-size: 100% 100%;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
关于html - CSS自动背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26481597/