默认隐藏Iframe

Question

在其中一个页面中,我需要有一个iframe,但是当用户加载页面时,我希望它默认隐藏.现在我有一个隐藏和显示按钮来隐藏和显示iframe,但它默认显示.我怎么能默认隐藏它？

这是我对这两个按钮的代码

<input type="button" value="Show Graph" onClick="$('graph').show();">
<input type="button" value="Hide Graph" onClick="$('graph').hide();">

Answer 1

你尝试过这样的CSS吗？

iframe {
   display:none;}

虽然这取决于你是否也希望保留该区域.通过草图,它将更容易知道.

您也可以使用jQuery隐藏加载.

function(){$('graph').hide();}