Question

我有一个iframe内成员的下拉菜单。

iframe的大小取决于变量，因此当用户将鼠标悬停在按钮上时，其高度必须为100％，宽度为100％，因此可以看到任何必要的信息。

iframe需要从高度50px，宽度：300px到100％，100％。

这样，当菜单不在下拉菜单中时，其他父页面链接将起作用。

即

之类的东西

<iframe id="parent".....><ul><li class="drop_item">button1</li><li class="drop_item">button2</div></ul></iframe>

“父”需要在悬停“drop_item”时展开。

希望这是有道理的。

Answer 1

我不确定您是否明白了<iframe> - iframe是为了显示您网页中“框”内其他网址的内容，它必须包含src个链接到另一页。（正如@MrLister所说 - 只有在浏览器不支持iframe时才显示其标记中的内容）您应该尝试使用<div>，而不是这样：

<div id="parent".....><ul><li class="drop_item">button1</li><li class="drop_item">button2</div></ul></div>

然后应用此CSS代码（在这种情况下不需要jQuery）：

#parent{
    width:300px;
    height:50px;
}

#parent:hover{
    width:100%;
    hieght:100%;
}

**请注意，如果您决定继续使用iframe，这些CSS规则也应该有用

Answer 2

使用iFrame-resizer和一些额外的JS可以做到这一点。