【问题标题】:Shadow around map / area地图/区域周围的阴影
【发布时间】:2013-05-30 14:55:26
【问题描述】:

我目前使用的地图中有一个区域。我想在地图/区域周围有阴影,虽然我不知道该怎么做。

<map name="map_bottom">
    <area id="area_bottom" shape="poly" coords="0,0,0,37,652,358,935,358,935,179,108,0" href="#" alt="" />
</map>

有人有想法吗?

【问题讨论】:

    标签: html css map shadow area


    【解决方案1】:

    在地图周围,你可以使用盒子阴影,但是,在img标签上。

    在少数浏览器(不是 Firefox )中可以设置地图和区域的样式,设置 display:something you see.. 示例:http://dabblet.com/gist/5592972 & http://dabblet.com/gist/5586117(参见地图、歌剧风格的区域、chrome nsome safaris)。
    在线工具可以帮助您创建地图。它生成地图代码以及 css 和 html 常规代码,伪造区域地图。
    http://www.image-maps.com/,给出的代码需要是干净的。也许还有其他更好/更简单的方法。

    【讨论】:

    • 您能否尝试详细说明您的答案,因为我不明白。我已经有一张地图,里面有一个区域,我只想在那个区域周围放置阴影。
    • 要在 area 周围设置阴影,您需要 display:block 和 position absolute on map 和 area.inside 一个相对容器。然后为该区域设置好坐标,为其添加 box-shadow。IE,FF 不会显示任何内容。您是否在我给您的链接中挖掘了一下,并注意到您可以导入您的地图以生成 html&css 来代替使用?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-25
    • 1970-01-01
    • 2017-03-13
    • 2020-10-20
    • 1970-01-01
    • 2016-04-23
    • 2014-07-06
    相关资源
    最近更新 更多