1

我目前有一个自定义的信息框，我使用 JScript 设置属性

var infoBoxOptions =  {
    content: infoContent
    ,disableAutoPan: false
    ,maxWidth: 0
    ,pixelOffset: new google.maps.Size(-140, 0)
    ,zIndex: null
    ,boxStyle: {
      background: "url('/files/0/11/tipbox.gif') no-repeat"
      ,width: "255px"
      ,padding:"9px"
     }        
    ,closeBoxURL: "/files/0/11/icon-close.gif"
    ,infoBoxClearance: new google.maps.Size(1, 1)
    ,isHidden: false
    ,pane: "floatPane"
    ,enableEventPropagation: false
  };

当我检查 HTML 时，BoxClose 图像如下

<img align="right" style=" position: relative; cursor: pointer; margin: 2px;" src="/files/0/11/icon-close.gif">

如何将位置设置为绝对位置并将顶部和右侧属性赋予关闭按钮？

4

2 回答 2

2

在这篇文章中，closeBoxMargin 似乎没有做任何事情。我通过使用这个来解决这个问题......

.infoBox img {
    top:15px;
}

边距似乎不再起作用。希望这可以帮助某人。

要仅执行关闭框，请添加 > 选择器。

.infoBox > img {
    margin: 36px 10px 2px 2px !important;
}
于 2013-12-19T16:43:31.937 回答
1

有一个名为 Close Box Margin 的属性，它允许您使用 CSS 边距定位关闭框。我不认为它增加了绝对位置，但它可以让你自由移动关闭框。

//Setting the options for the information window
var infoBoxOptions = {
    closeBoxURL: "/Content/images/TempImages/close.png",
    closeBoxMargin: "-10px -60px 10px 10px"
}

这帮助我将关闭的盒子准确定位在我需要的位置。

于 2012-12-12T23:58:35.523 回答