使用 overflow：hidden <object> on tag 在 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切片"，宽度和高度在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中设置object标签元素的高度和宽度可以解决溢出问题。