Html 如何使用css使背景图像可见?
我试图用Html 如何使用css使背景图像可见?,html,css,Html,Css,我试图用背景图像和文本消息制作div。当我将宽度设置为100%并将高度设置为auto时,一切都非常完美。我将div height设置为auto,因为每当我增加文本的字体大小时,div height也会动态增加。但现在我的问题是,当我在div中留下空消息时,它不会显示任何内容,因为height:auto我想显示具有实际背景图像的div。即使我留下的信息是空的。是否可以显示具有自动高度的背景图像 这是我的密码: #loginContainer { -moz-border-bottom-colors:
背景图像和文本消息制作div
。当我将宽度设置为100%
并将高度设置为auto
时,一切都非常完美。我将div height设置为auto,因为每当我增加文本的字体大小时,div height也会动态增加。但现在我的问题是,当我在div中留下空消息时,它不会显示任何内容,因为height:auto
我想显示具有实际背景图像的div。即使我留下的信息是空的。是否可以显示具有自动高度的背景图像
这是我的密码:
#loginContainer {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("http://s3.buysellads.com/1237708/176570-1371740695.gif")
no-repeat scroll center center #FF660D; /*for example */
border-color: #FFFFFF;
border-image: none;
border-right: medium solid #FFFFFF;
border-style: none solid solid;
border-width: medium;
left: 0;
margin-left: auto;
margin-right: auto;
position: fixed;
right: 0;
top: 0;
vertical-align: super;
width: 100%;
z-index: 9999999;
}
这是
下面是div中带有空消息的设置a等于图像的高度。设置a等于图像的高度。为div添加一个最小高度,如下所示:
#loginContainer {
min-height: 200px;
}
为分区添加一个最小高度,如下所示:
#loginContainer {
min-height: 200px;
}
将最小高度设置为#登录容器
检查小提琴
将最小高度设置为#登录容器
检查小提琴
只需添加一个
如果没有内容
<div id="loginContainer">
<a class="" href="#"></a>
</div>
只需添加一个
如果没有内容
<div id="loginContainer">
<a class="" href="#"></a>
</div>
在IE6中,最小高度将失败。您可能需要考虑添加以下内容:
#loginContainer {
min-height: 200px;
}
* html #loginContainer {
height:200px;
}
由于IE6是唯一识别“*html…”的浏览器,其他浏览器将忽略它
除非你不在乎IE6!(我希望这对我来说是可能的!)在IE6中,最小高度将失败。您可能需要考虑添加以下内容:
#loginContainer {
min-height: 200px;
}
* html #loginContainer {
height:200px;
}
由于IE6是唯一识别“*html…”的浏览器,其他浏览器将忽略它
除非你不在乎IE6!(我希望这对我来说是可能的!)谢谢有可能使它成为动态的吗?我的意思是,如果不设置最小高度:20px,背景中以div显示的任何图像都是不可能的;谢谢在不指定最小高度的情况下,有一种方法可以获得实际的背景大小,以便在divOh中显示,谢谢您的时间@dharmesh提出了一个建议,在我尝试添加div的时候,我仍然不知道哪一个是正确的方法。?@WordPress:我认为将min height
设置为Quentin指出的图像高度是最好的方法<代码>
会起作用,但我认为它更多地取决于行高度。如果行高
为20px,则只显示20px的背景图像。如果没有设置,默认的行高将作为值。谢谢,最后我使用了min height本身。谢谢,是否可以使其成为动态的,我的意思是,没有设置min height:20px,背景中显示的任何图像都是不可能的;谢谢在不指定最小高度的情况下,有一种方法可以获得实际的背景大小,以便在divOh中显示,谢谢您的时间@dharmesh提出了一个建议,在我尝试添加div的时候,我仍然不知道哪一个是正确的方法。?@WordPress:我认为将min height
设置为Quentin指出的图像高度是最好的方法<代码>
会起作用,但我认为它更多地取决于行高度。如果行高
为20px,则只显示20px的背景图像。如果没有设置,默认的线高度将作为值。谢谢,最后我使用了最小高度本身。