在 <object> 标记上使用 overflow:hidden 在 Internet Explorer 9 及更高版本中不起作用

Question

我有这个

<object data="file.svg"></object>

我试过了：

内联样式

<object data="file.svg" style="overflow:hidden"></object>

CSS

<style>object{overflow:hidden}</style>

jQuery

$('object').css('overflow','hidden');

JavaScript

var object = document.getElementsByTagName('object');
object[0].style.overflow = "hidden";

在 Internet Explorer 中无法正常工作。有什么想法吗？

Answer 1

找到了：

内部 SVG 必须有 preserveAspectRatio="xMinYMin slice"，宽度和高度为 99%，并且设置了 viewBox 属性。

<object data="file.svg"></object>

内部 svg

<svg viewBox="0 0 100 50" preserveAspectRatio="xMinYMin slice" style="width:99%; height:99%">...</svg>

Answer 2

对我来说，在 CSS 中设置对象标签元素的高度和宽度解决了溢出问题。

Using overflow:hidden on <object> tag does not work in Internet Explorer 9 and above