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">
&nbsp;
  <a class="" href="#"></a>
</div>

只需添加一个
如果没有内容

 <div id="loginContainer">
&nbsp;
  <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的背景图像。如果没有设置,默认的线高度将作为值。谢谢,最后我使用了最小高度本身。