1. iframe の定義と使用法
例 コードをコピー コードは次のとおりです。<iframe src="https://www.jb51.net" 幅="200" 高さ="500"> 123WORDPRESS.COM はフレーム技術を使用していますが、お使いのブラウザはフレームをサポートしていません。123WORDPRESS.COM に通常通りアクセスするには、ブラウザをアップグレードしてください。 </iframe> iframeのサイズをピクセル単位で定義する コードをコピー コードは次のとおりです。<iframe src="http://www.baidu.com" 幅="20%" 高さ="50%"> 123WORDPRESS.COM はフレーム技術を使用していますが、お使いのブラウザはフレームをサポートしていません。123WORDPRESS.COM に通常通りアクセスするには、ブラウザをアップグレードしてください。 </iframe> パーセンテージを使用して iframe フレームのサイズを定義する 2. iframeの透明度 transparentBody.htm ファイルの <body> タグに、style="background-color=transparent" を追加しました。次の 4 つの IFRAME 記述方法により、iframe の透明な背景効果を実現する方法が明確に理解できたと思います。 コードをコピー コードは次のとおりです。<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME> <IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME> <IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME> <IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME> iframe は、iframe を使用するとさらに多くの問題が発生するため、最後の手段としてのみ使用されます。また、一部のブラウザでは、iframe を広告としてブロックするように設定できます。 最近の作業で iframe を使用しました。最初に遭遇した問題は、iframe の適応性の高さの問題でした。この問題の解決策は、Koubei.com の ued チームのブログで見つけました。その後、iframe の透明性の問題に遭遇しました。 通常、iframe の背景色は白ですが、ブラウザによって色が異なる場合があります。 メインページに全体的な背景色または背景画像がある場合 iframe 領域に白いブロックが表示されますが、これはメイン ページと一致しないため、iframe を透明にする必要があります。 Googleでiframeの透明性を検索して解決策を見つけました コードをコピー コードは次のとおりです。<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe> もちろん、iframeページには色が設定されていないことが前提です。 [コード] 注: iframe の透明度は主に allowtransparency="true" style="background-color=transparent" を使用します。 3. iframe の適応高さ </strong>記事が長すぎるため、ここをクリックしてご覧ください。 <a target="_blank" href="https://www.jb51.net/article/15780.htm">https://www.jb51.net/article/15780.htm</a> 4. js 経由で iframe 広告コードを出力する </strong>[コード] document.write('<iframe align=middle marginwidth=0 marginheight=0 src="http://img.jb51.net/imgby/468_1.htm" frameborder=no scrolling=no width=660 height=80></iframe>'); 5. ユーザーのブラウザがiframeタグをサポートしているかどうかを考慮する必要がある場合は、次のように記述する必要があります。 コードをコピー コードは次のとおりです。<iframe フレームボーダー="0" 名前="Iframe1" src="https://www.jb51.net/" 幅="100%" 高さ="200"> お使いのブラウザは iframe をサポートしていないか、現在 iframe を表示しないように設定されています。 </iframe> |
<<: ブラウザがクロージャをどのように認識するかについて詳しく説明します
>>: Ubuntu で nginx を使用して WebDAV ファイル サーバーを構築する詳細なプロセス
Dockerでnginxをデプロイするのはとても簡単ですたった 1 行のコマンド: docker 実...
目次1. axioの基本的な使い方2. クロスドメインの問題を解決するには? 3. パッケージ4. ...
目次MySQLクラッシュ回復プロセス1. ブラックボックス下のデータフローを更新する2. やり直しロ...
フォームが送信されると、返された HTML ページが再レンダリングされ、SELECT コントロールの...
まず、Web ページのスタイルの形成は、主に Web ページのレイアウト設計、ページの色処理、画像と...
ステップ1. MySQLスロークエリを有効にする方法1: 設定ファイルを変更するWindows: W...
この記事では、ネイティブ JS で実装された均一なモーションを紹介します。その効果は次のとおりです。...
序文この記事で実装されている要件は、実際には非常に一般的です。たとえば、ユーザーが登録したチャネルを...
場合によっては、Windows システム上のプログラムを Linux 上でリモートで実行する必要があ...
1. コンポーネントと実装機能Keepalived: Haproxy サービスの高可用性を実現し、...
CentOS 8 が利用可能になりました! CentOS 8 と RedHat Enterprise...
vue-cli で構築されたプロジェクト スキャフォールディングでは、すでに autoprefix...
# 以下の例は x64 ビット ランタイム v3.0.0 用です mkdir /runtimes ...
リモートアクセスを有効にする次のコマンドを実行して、root ユーザーのリモート アクセス権を有効に...
ソフトウェア開発者は、ネットワーク アプリケーションがどのように動作するかを階層的に完全に理解してい...