我想添加一些CSS固定大小块内嵌到文本段落,我有跨浏览器问题。我使用div和内联块,它可以在Firefox上使用。在IE下失败(inline-blocks aren't fully supported)。CSS内嵌区域跨浏览器
是否有简单的跨浏览器解决方案?
(这样做的原因是为固定大小的块,以使用背景图像为表情符号的显示。这允许精灵和笑脸根据样式表所示。)
我想添加一些CSS固定大小块内嵌到文本段落,我有跨浏览器问题。我使用div和内联块,它可以在Firefox上使用。在IE下失败(inline-blocks aren't fully supported)。CSS内嵌区域跨浏览器
是否有简单的跨浏览器解决方案?
(这样做的原因是为固定大小的块,以使用背景图像为表情符号的显示。这允许精灵和笑脸根据样式表所示。)
什么元素,您在施加内联块上?
IE 6/7只接受带有自然显示的 元素的值: 内联。
因此,如果您现在使用的是div
,请改用span
代替。
在IE中,为了获得行内块行为,您将其设置为显示:inline并通过其中一种方法(缩放:1是一种常用方法)将其设置为'hasLayout'。
在<p>
内部使用<span>
。首先是内联。
您不能将块元素放入<p>
。这是无效的代码!
这应该解决它。
@The Feast:更有甚者,你似乎建议你在段落标签中使用div。这是非法的HTML(一个'p'不能包含块级元素),所以你应该在那里使用span。 – mercator 2009-12-10 16:21:27
不要忘记在老版本的Firefox中使用'-moz-inline-box'。 – DisgruntledGoat 2009-12-10 16:32:19
谢谢 - 这已经完成了。我确信我在很多事情中尝试过这一切,但都没有成功 - 但其他一些因素阻止了它。 @mercator,谢谢,我没有在HTML“p”段中使用div,它符合XHTML严格。 – Pool 2009-12-10 17:33:54