本当にやりたいことは、一度更新してすべてのページが自動的に新しいフォームを取得できる単純なhtml専用(CSS、多分javascript、PHPなどはありません)のメニューバーを持っていることです。1つのWebページを別のWebページに表示し、他のページ要素を「オーバーレイ」させるにはどうすればよいですか?
私はCSSでhtmlを使って簡単にこれをやっています。私は基本的にのみ、メニューバーの小さな「Webページ」を作成し、私はバーを表示する場所、次を配置することによって、他のページに表示しました:
<object data=menu.html width=100%>
<embed src="menu.html"></embed>
ERROR: Unable to display menu bar!
</object>
は素晴らしい作品! 1つの問題のみ:既に表示されているページのコンテンツをオーバーレイするのではなく、スクロールバーなどを導入します。ブー!
"style=overflow: visible;"
がしようとすると、これを克服するために、それが機能しません:
私はこれを望んで一人ですることはできません考え出す、私のような様々なCSSの構文を追加しようとしました。私はこれが追加されたことを望んでいるドキュメントを見てきました...それはWebページ世界の既存のモデルに単純な追加であるべきであるようですね!たとえば、ウィンドウを高さにすると、その部分はポータルのように表示され、スクロールバーがなければ「オーバーフロー」が表示されます。ダー!しかし、私はそれを欲しがっていると思う。
また、以下のコメントで指摘されているように、iframeもあります。だから私は試しました:
<iframe src="menu.html" height=45px width=100% frameborder=0
scrolling=no style="overflow: visible;">
<p>Oops! Your browser does not support iframes.</p></iframe>
これは、上記の "オブジェクト"とまったく同じでした。
代わりに、私は多分、グリッドビューを作成して、私のページをとにかくタイル張りにすることを考えていました。しかし、これが成功への道だとはっきりとは分かりません。
解決策をとる以外はlike those suggested here,私にはこれを実現する他の方法はありますか?
これらの提案を避けるためには、多くの理由があることに注意してください。
iframeタグを使用することを意味します。オブジェクト/埋め込みコードではありません。 –
@MatthewLevy実際には、うまくいけば!少なくともこの例では、object/embedとまったく同じ問題/動作をしています。 ...ドキュメントではスタイルをサポートしていますが、少なくとも私のバージョンのFirefoxでは、スタイルが「オーバーフロー:可視」になっています動作しません。 –
True iframeには「オーバーフロー:可視」の概念がありません。しかし、高さと幅のプロパティを設定することができます(これは、あなたのユースケースを考えれば分かります)。また、frameborderプロパティを0に設定することもできます。しかし、@BWilsonは2番目の方法です.Webアプリケーションの設計原則にかなり違反するようなことをしようとしています。 –