![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
タイトル通りです。
cssでiframeの機能を使いたいです。
iframeのフレーム内にフレーム外からのリンクを表示する機能なんですが、iframeタグを使わずcssで代替した時の書き方がわかりません。
-----------------------ソース------------------------------
css-----------
div.iframe
{
padding:10px;
width:300px;
height:200px;
border:solid 1px pink;
overflow:scroll;
}
<div class="iframe">
内容
</div>
-----------------------------------------------------------
わかる人がいたら教えて頂きたいです。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
> cssでiframeの機能を使いたいです。
CSSでiframe的「見た目」は実現できても、「機能」(別のURLを参照してコンテンツを表示させる)は実現できません。その様な役割は元々CSSの管轄するところではないからです。
> iframeのフレーム内にフレーム外からのリンクを表示する機能なんですが、iframeタグを使わずcssで代替した時の書き方がわかりません。
ということですので、”代替”はできません。質問文で書かれたCSS及びHTMLのソースでは、単にサイズの決まったブロック内でスクロールさせて内容を表示させる、というスタイルが実行されるだけです。
> CSSでiframe的「見た目」は実現できても、「機能」・・・
そうですかぁ。。。
cssではできない機能ですかぁ。
よく、このタグは非推奨と見るので使わないようにしていたのですが、仕方ないですね。。
迅速な回答ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
スマホ(android)のタッチパネ...
-
HTMLを正しく表示させるには
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
英字と日本語が並んだhtmlの自...
-
スマホでHTMLファイルを開いて...
-
HTMLで特定の文字だけ色を変え...
-
iPhoneで HTMLファイルを閲覧
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
フォント12pxの200%?
-
Google Chrome用CSSハックについて
-
ホームページ作成後、別のブラ...
-
[CSS]エラーの原因
-
box-shadowでFirefoxだと内枠に...
-
Firefoxのhtmlとcss...
-
レスポンシブのサイトの根本的...
-
Wordpress Stinger5の記事部分...
-
PHP内で同じようにCSSを表示さ...
-
HTMLにsvg画像表示したら小さか...
-
FC2ブログでウィンドウが小...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
シーサーブログのヘッダー画像...
-
ピクチャーボックスの大きさに...
おすすめ情報