Question

我有这个HTML代码：

<div id="social">
                <div class="barra_gris"></div>
                <div class="caixa_social"><a class="twitter" href="#" target="_blank"><img src="img/twitter.png" alt="twitter" /></a>
                <a class="facebook" href="http://www.facebook.com/pages/grup-abs/329596937580" target="_blank"><img src="img/facebook.png"  /></a>                      
                </div>
                <div class="idiomes"><a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=0">català</a> | <a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=1">castellano</a></div>
            </div>
            <div id="logo"><a href="index.php?s=1&i=<? echo $i; ?>"><img src="img/logo.png" alt="logo" /></a></div>
        </div>

barra_gris有这个css：

.barra_gris{
    position:relative;
    width:905px;
    height:15px;
    background-color:#6b6b6b;
    display: block;
}

问题是Chrome和Opera没有显示具有此背景的barra gris类？

网站的网址是：http://abs.marcmorales.es/

问题是什么？

Answer 1

在div之间添加 ，它将像以下一样工作

<div class="barra_gris">&nbsp;</div>

Answer 2

在Google，Opera和IE中，我可以看到顶部的灰色栏，上面有twitter和facebook徽标以及Catala和Castellano的语言选项。加上页面顶部的灰色条... http://imageshack.us/photo/my-images/267/barragris.png/

Answer 3

由于此Div不包含任何数据，因此默认情况下其高度为0.因此要么为此div添加一些高度，要么使用

Div在Chrome和Opera中不可见

3 个答案: