如何在所有浏览器的<object>标签(或其他替换)中取出滚动条?</object>

时间:2011-10-31 20:30:25

标签: html cross-browser

我正在尝试从HTML中的<object>标记中取出滚动条。

<object id="page" type="text/html" data="http://cmsmichael.prowonline.com/charts/MBA_UNC/775/2.2.2/Parabula01.php" width="420" height="315" style="overflow:hidden; width: 420px; height: 315px">
<a href="http://cmsmichael.prowonline.com/charts/MBA_UNC/775/2.2.2/Parabula01.php" target="_blank">Chart not showing? Click Here.</a>
</object>

最初我尝试使用<iframe>标签,但在浏览网页后,看起来<object>标签似乎是更好的方法。基本上我需要做的是显示一个没有边框的网页,里面有一个谷歌图表,我需要它在所有浏览器中工作。到目前为止,上述代码适用于Firefox,但在Chrome中,边框再次出现。尚未在IE中测试过。

我应该使用不同的HTML标记,还是应该使用此对象标记做些不同的事情来实现这一目标?

非常感谢您的意见,谢谢您的帮助!

2 个答案:

答案 0 :(得分:2)

因为,“浏览器中的对象支持取决于对象类型。不幸的是,主流浏览器使用不同的代码来加载相同的对象类型。” (http://www.w3schools.com/TAGS/tag_object.asp

因此,当您从Chrome开发者工具中查看html源代码时,您可以在呈现的html中看到对象标记。当您从firebug中检查html源代码时,您可以在呈现的html中看到iframe标记,其中包含scrolling =“no”属性,而不是对象标记。

如果您愿意,可以使用以下行进行跨浏览:

<iframe src="http://cmsmichael.prowonline.com/charts/MBA_UNC/775/2.2.2/Parabula01.php"  width="420" height="315" scrolling="no" frameborder="0"></iframe>

答案 1 :(得分:0)

我对IE浏览的对象标签有同样的问题。我的对象标签包含一个jpg图像,如果浏览IE浏览器,图像总是有滚动条,但如果浏览Chrome或Firefox,则表示没问题。但我的文件是一个PHP文件,我发现如果我在HTML标记之前放置PHP标记,源代码在HTML标记之前会有一些不可见的代码。然后我尝试在任何PHP标记之前放置HTML标记(也是HEAD标记),问题就解决了。因此,如果您的文件是PHP文件,请不要在HTML标记之前放置PHP标记(如果没有必要)。 Internet Explorer可能无法从源代码中删除这些不可见代码,然后在对象标记周围创建滚动条。但是,如果您的PHP文件包含会话,则在PHP标记之前放置HTML标记可能会导致错误。