0

我像这样向 Rails image_tag 助手添加了一个“地图”类

<%= image_tag "http://maps.google.com/maps/api/staticmap?size=300x200&sensor=false&zoom=16&markers={{ latitude }}%2C{{ longitude }}", :class => "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 .map，因此在img标签 中表示 class .map并且表示带有img标签的 class .map。img.map

阅读更多内容 CSS 选择器中的空格是什么意思？即.classA.classB 和.classA.classB 有什么区别？

于 2013-01-27T05:04:16.697 回答