0

cloudmade マップ css を独自の css でオーバーライドする方法。マップのコードを自分のサイトに埋め込み、マップが表示されますが、マップには右下隅とズーム スクローラーのクレジットがあります。クレジットは気にしませんが、そのズームスクローラーを削除したいと思います。css: display: none; を使用してみました。cloudemade のスタイルについてですが、役に立ちません。私の CSS を彼らの CSS の上に置くにはどうすればよいですか?

HTMLコードは次のとおりです。

<div id="yjsg6" class="yjsg_grid yjsgsitew">
    <div id="user16" class="yjsgxhtml only_mod" style="width:100.00%;">
        <div class="yjsquare ">
            <div class="yjsquare_in">
                <div class="Flexible-container">
                    <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.cloudmade.com/iframe?&amp;lat=45.8122871952285&amp;lng=15.97111701965332&amp;zoom=14&amp;styleId=102945"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

そして、すべてのCSSコードはこのリンクにあります

ありがとう!

4

1 に答える 1

0

このハックは機能します:

#yjsg6 {
  margin-left: -50px;
}

オリジンが異なるため、iframe のコンテンツに影響を与えることはできません。iframe スタイルに影響を与えることができるはずですが、これはまだ実装されていないようです。

于 2013-07-20T18:58:50.850 に答える