Html 为什么firefox4不能显示li背景色？_Html_Css

Html 为什么firefox4不能显示li背景色？

html css

Html 为什么firefox4不能显示li背景色？,html,css,Html,Css,我想对强制内联元素应用背景色。它在Ie7中显示背景色，但在firefox4中，不显示背景色。这是为什么？我如何解决三叉戟 sfffffh QssssfffffhQ ZSSSSZ CSS #在li{background:#0CF；display:inline；} #在{float:right；}中，使用类代替。你申请李，但你也需要申请h1 您还可以使用*应用于li中的所有内容 .in li *{background-color:red; display:inline;} 在这本书中还有

我想对强制内联元素应用背景色。它在Ie7中显示背景色，但在firefox4中，不显示背景色。这是为什么？我如何解决

三叉戟


sfffffh
QssssfffffhQ
ZSSSSZ

CSS #在li{background:#0CF；display:inline；}

#在{float:right；}

中，使用类代替。你申请李，但你也需要申请h1

您还可以使用*应用于li中的所有内容

.in li *{background-color:red; display:inline;}

在这本书中还有更多的例子

事实上，它在Chrome上也不起作用

尝试： #在li{背景：#b2b2b2；} #在{float:right；}

或者： #在li{中显示：内联块；背景：#b2b2b2b2；} #在{float:right；}

第二个和IE有问题，我记得很清楚

通过将

h1

s设置为

display:inline，您可以在每个浏览器中重新创建IE7中发生的事情；背景：#0CF

而不是将其设置在

li

s上：

维姆试试这个

从li中删除h1标记并向li添加字体样式

CSS应该是

#in li{background-color:#171817;display:inline; color: white; font:12px Tahoma;}
#in{float:right;}

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>


                <ul id="in">
                    <li>sfffffh</li>
                    <li>QssssfffffhQ</li>
                    <li>ZssssssZ</li>
                </ul>


</body>
</html>


无标题文件

sfffffh
QssssfffffhQ
ZSSSSZ

这会有用的。。。有什么问题尽管问我。祝你有一个愉快的一天…

看起来“内联”li中的“块状”h1不知何故正在干扰。如果您添加：

#in li h1 { display:inline; }

你得到了背景（至少在Firefox 5中是这样）。

通常内联元素的样式不会层叠到块元素。（IE7只是有点问题）如果你将h1更改为span（或将h1设置为内联），一切都会正常。

我的chrome也不会显示它。。他用类来代替，看看这个，我能解释一下为什么我的代码不工作吗？

#in li h1 { display:inline; }