0

このようなRailsimage_tagヘルパーに「map」クラスを追加しました

<%= image_tag "http://maps.google.com/maps/api/staticmap?size=300x200&sensor=false&zoom=16&markers={{ latitude }}%2C{{ longitude }}", :class => "map" %>

その画像に固有のスタイルをmapクラスで設定して、画像がデフォルトで表示されないようにしました。

img {
border: solid 0px black;
}

img .map { visibility: hidden

}

ただし、マップクラスの画像はデフォルトで表示されます

'map'クラスはhtmlに表示されます。

<img alt="Staticmap?size=300x200&amp;sensor=false&amp;zoom=16&amp;markers=40.6891947%2c-74.0444169" class="map" src="http://maps.google.com/maps/api/staticmap?size=300x200&amp;sensor=false&amp;zoom=16&amp;markers=40.6891947%2C-74.0444169">

要素を調べると、Chromeコンソールには、登録されているのはそのスタイルのみであり、img登録されていないことが示されます。img .map

私が間違っているかもしれないことがわかりますか?

4

2 に答える 2

3

あなたのCSSは言うべきです

img.map {
    visibility: hidden
}

スペースを使用すると、CSS要素要素セレクターになります。要素内の要素を選択します。クラスセレクターの使用を検討しています。

于 2013-01-27T05:03:50.323 に答える
2

IMG.mapクラスの間のギャップを取り除きます。このように書いてください:

img.map { visibility: hidden}

スペースを使用すると用語が変更されるため、 imgタグ 内のimg .mapclass .mapと呼ばれ、 imgタグ付きのclass.mapと呼ばれます。img.map

詳細については、こちらをお読みくださいCSSセレクターのスペースとはどういう意味ですか?つまり、.classA.classBと.classA .classBの違いは何ですか?

于 2013-01-27T05:04:16.697 に答える