有效的HTML5 iframe代码显示IE8上的滚动条

时间:2015-08-06 19:35:24

标签: html html5 css3 iframe

我已经替换了iframe代码:

<GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginEnd="20dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="15dp"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp" >
    </GridView>

scrolling="no" frameborder="0" marginheight="0" marginwidth="0"

它适用于除IE8以外的所有浏览器,它显示丑陋的滚动条。

有没有办法删除它们?

2 个答案:

答案 0 :(得分:0)

您可以做的一些事情,目前iframe的大小为750 x 200px。 如果你让框架变大(~20px),滚动条很可能会消失。

您可能想尝试将以下代码示例直接添加到框架中。

scroll="no" style="overflow:hidden"

或此代码

scrolling="no" horizontalscrolling="no" verticalscrolling="no"

答案 1 :(得分:0)

尝试这个答案:https://stackoverflow.com/a/4856854/4952851虽然忽略了overflow-y,因为您已经拥有适用于x和y的一般overflow。希望这能解决问题。

如果没有这样做,只需将iframe设置得更大(如果页面布局不会出现问题),以满足Olli建议的稍微大一点的广告。为了正确显示,我总是要使iframe比它们应该大一点。

顺便说一句,它不是特定于IE8,它也发生在IE11中(我没有检查任何其他但我使用的是IE11,它有同样的问题)。这是IE11的捕获:

enter image description here