0

だから私は私が取り組んでいるサイトでいくつかのcssの問題を修正しようとしています、そして1つのiFrame要素を除いてすべてがほとんど同じに見えます。

iFrameには、ランダムに生成された画像と、別のページにリダイレクトするボタンをクリックすると表示されます。すべての機能が機能し、スタイリングだけです。何を試しても、iFrame要素内に埋め込まれているimgタグの周囲の2pxの境界線を削除できません。私がiFrameに配置している実際のページでは、3つのブラウザーすべてで画像の周囲に境界線がないため、何らかの理由で、IEはメインページのiFrameに配置するときにこのimgタグに別の境界線を配置したいと考えています...

これはメインページに埋め込まれているiFrameです。

<iframe src="~/Photos/PhotoViewer.aspx" runat="server" scrolling="no" frameBorder="0" class="PhotoViewer"></iframe>

これはcssクラスです

.PhotoViewer
{
    height: 200px;
    width: 100%;
    margin-left: 0px;
    outline: 0px;
    border:none;
    outline:none;
}

これは埋め込みページの一部です

.noBorder
{
    border:none;
    outline:none;
}
</style>
</head>
<body>
<form runat="server" class="noBorder" style="margin:0px;">
    <asp:HyperLink runat="server" NavigateUrl="~/Photos/Default.aspx" Target="_parent" class="noBorder"><img id="randPhoto" runat="server" alt="Photo Unavailable" class="noBorder"/></asp:HyperLink>
    <div style="border:none">
        <asp:Button runat="server" ID="btnUploadPhoto" OnClick="btnUploadPhoto_Click" class="button" style="border:none"/>
    </div>
</form>
</body>

私はこのサイトで見つけることができる次のようなほとんどの提案を使用してみました：

a, img {border:none;}
img {border:none;}

IE（F12）のcssデバッグ機能を使用しましたが、これらすべての境界線を配置しても、画像の周囲に0px、2pxの境界線が配置されていることがわかりました。cssスタイルをiFrame内のimg要素に強制するにはどうすればよいですか？

4

2 に答える 2

0

埋め込みページのCSSをこれに変更してみてください。

.noBorder img
{
border:none;
outline:none;
}
于 2012-07-10T17:36:11.880 に答える
0

どうやら、メインHTMLにDOCTYPEを適用しない場合、IEは必要に応じて処理します...これには、境界線を配置することも含まれます。

または、古いバージョンのInternet Explorerを使用している場合、または新しいInternetExplorerを古いInternetExplorerのように強制的にレンダリングする場合は、次のメタタグを使用します。X-UA-Compatible

于 2013-10-15T04:31:30.733 に答える