0

いくつかのことを簡単にするために、小さなウェブサイト (おそらくオフラインのまま) を作成しました。重要なサイトに簡単に移動できるように、リンク付きのホットバーを作成しました。

問題は：

Google を Web ページに iframe するには、プロキシを使用する必要がありました (私は hidemyass を使用しました)。これは、Google が iframe の使用をブロックしているためです。 CSS でマージントップを使用する iframe。

したがって、バナーはまだありますが、表示されませんが、同じ iframe でバナーなしで他の Web サイトを開くと、Web サイトの一部が非表示になり、これは望ましくありません。

では、プロキシ ページの上部にあるバナーを非表示にして、他のページを完全に表示するにはどうすればよいでしょうか? 2 つの CSS ステートメントを作成できるように div と iframe 2 の名前を付けようとしましたが、これは機能しません。コードは次のとおりです。

#frame1 {
    position:fixed !important;
    position:absolute;
    top:0%;
    right:0%;
    bottom:0%;
    left:8%;
    overflow: hidden;
}

body {
background-color: black
}

#frame2 {
width: 100%;
height: 131%;
    margin-top: -18.5%;
}


<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="school/bronnen/css/main.css">
<meta charset="UTF-8">
<title>Bronnen</title>
</head>
<body>
    <br>
a href="http://2.hidemyass.com/ip-1/encoded/czovL3d3dy5nb29nbGUuY29tLw%3D%3D" target="frame2"><img src="school/bronnen/pics/google.jpg" alt="google" width="7%" height="auto"></a>
<br>
<a href="http://1.hidemyass.com/ip-5/encoded/czovL2dpdGh1Yi5jb20v" target="frame2"><img src="school/bronnen/pics/github.png" alt="github" width="7%" height="auto"></a>
<br>
<a href="http://www.awwwards.com" target="frame2"><img src="school/bronnen/pics/awwards.png" alt="awwards" width="7%" height="auto"></a>
<br>
<a href="https://7.hidemyass.com/ip-1/encoded/czovL3d3dy5kcm9wYm94LmNvbS8%3D" target="frame2"><img src="school/bronnen/pics/dropbox.jpg" alt="dropbox" width="7%" height="auto"></a>
<br>
<a href="http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/the-best-way-to-learn-css-2/" target="frame2"><img src="school/bronnen/pics/activetuts.png" alt="activetuts" width="7%" height="auto"></a>
<br>
<a href="https://7.hidemyass.com/ip-1/encoded/Oi8vc3RhY2tvdmVyZmxvdy5jb20v" target="frame2"><img src="school/bronnen/pics/stackoverflow.jpg" alt="stackoverflow" width="7%" height="auto"></a>
<div name="frame1" id="frame1"><iframe src="school/bronnen/iframe/iframe.html" name="frame2" id="frame2" frameborder="1" scrolling="auto"></iframe></div>
<br>
<a href="http://player.highstrike.org/play/" target="frame2"><img src="school/bronnen/pics/dubstep.jpg" alt="dubstep" width="7%" height="auto"></a>
<br>
<a href="http://www.codecademy.com/learn" target="frame2"><img src="school/bronnen/pics/codecademy.png" width="7%" height="auto" alt=""></a>
<br>
<a href="http://www.youtube.nl" target="frame2"><img src="school/bronnen/pics/youtube.png" alt="youtube" width="7%" height="auto"></a>
<br>
<a href="http://www.facebook.com" target="frame2"><img src="school/bronnen/pics/facebook.png" alt="facebook" width="7%" height="auto"></a>
<br>
<a href="http://tpb.peterbishop.net/" target="frame2"><img src="school/bronnen/pics/piratebay.jpg" alt="piratebay" width="7%" height="auto"></a>
<br>
<a href="http://www.twitter.com" target="frame2"><img src="school/bronnen/pics/twitter.png" alt="twitter" width="7%" height="auto"></a>
</table>

4

1 に答える 1

0

iframe明らかなセキュリティ上の理由から、 の内容をその親から変更することはできません

于 2013-09-27T21:32:03.153 に答える