2009-12-10 51 views
1

我想添加一些CSS固定大小块内嵌到文本段落,我有跨浏览器问题。我使用div和内联块,它可以在Firefox上使用。在IE下失败(inline-blocks aren't fully supported)。CSS内嵌区域跨浏览器

是否有简单的跨浏览器解决方案?

(这样做的原因是为固定大小的块,以使用背景图像为表情符号的显示。这允许精灵和笑脸根据样式表所示。)

回答

3

什么元素,您在施加内联块上?

IE 6/7只接受带有自然显示的 元素的值: 内联。

因此,如果您现在使用的是div,请改用span代替。

+2

@The Feast:更有甚者,你似乎建议你在段落标签中使用div。这是非法的HTML(一个'p'不能包含块级元素),所以你应该在那里使用span。 – mercator 2009-12-10 16:21:27

+0

不要忘记在老版本的Firefox中使用'-moz-inline-box'。 – DisgruntledGoat 2009-12-10 16:32:19

+0

谢谢 - 这已经完成了。我确信我在很多事情中尝试过这一切,但都没有成功 - 但其他一些因素阻止了它。 @mercator,谢谢,我没有在HTML“p”段中使用div,它符合XHTML严格。 – Pool 2009-12-10 17:33:54

0

在IE中,为了获得行内块行为,您将其设置为显示:inline并通过其中一种方法(缩放:1是一种常用方法)将其设置为'hasLayout'。

0

<p>内部使用<span>。首先是内联。

您不能将块元素放入<p>。这是无效的代码!

这应该解决它。