我目前正在网站上开发混合媒体的旋转蒙太奇.大约有5个图像/视频将在网站上轮流显示.该网站还使用了Ektron CMS,因此无法确定蒙太奇中的哪些插槽是图像,哪些是视频. (视频托管在YouTube上.)
所以,我的问题是视频加载与iframe的内边缘完全对齐,但是图像在iframe中加载了大约10px的边距,这非常糟糕,因为我们的网站布局非常精确且略有变化甚至一个像素也可能搞砸了.这只出现在FireFox和IE中.我已经在Chrome和Safari中进行过测试,效果非常好.这4个浏览器是我们官方支持的唯一4个浏览器.
这是我的HTML：
<head>
<body>
<div id="mainImage">
<iframe scrolling="no" frameborder="0" runat="server" id="MainImage1"
src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=transparent">
IFRAMES do not work in your browser</iframe>
<iframe scrolling="no" frameborder="0" runat="server" id="MainImage2"
src="images/default/mainImage/mainImage_02.jpg">
IFRAMES do not work in your browser</iframe>
</div>
</body>
</head
CSS如下：
#mainImage iframe{position:absolute; top:0; left: 0; padding:12px 0 0 12px; display:block;}
#mainImage iframe html,body{ margin:0px; padding:0px; border:0px;}
所以,我的问题是,如何摆脱iframe内的边距,为什么它只显示在FireFox和IE中？
解决方法
原文地址：https://www.jb51.cc/html/228186.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
