0

直接问题 - 我将如何在某个区域内放置某些对象或小文本。例如，我如何用 html/javascript 替换下面的图像。

--- 我没有足够的代表来发布图片：/ 但试试这个 URL - http://i.stack.imgur.com/a3eWL.jpg

大图 - 我正在尝试为 Google 地球创建一个 kml 文件，当单击该点时，会弹出气球描述窗口，我可以显示我的 html 格式的图表，显示当时卫星的位置。Google Earth 和 KML 文档允许在其中使用几乎任何 html 格式，因此目前正在寻找一种好方法来做到这一点。

免责声明：我已经有几年没有做过任何 html 或 javascript 编辑了，所以一般的例子和洞察力非常有用。

谢谢

4

2 回答 2

1

您可以创建一些绝对定位<div>的 s，您可以使用它们的top和leftCSS 属性移动它们。

这里有一个简单的示例：http: //jsfiddle.net/94Kzt/（注意：我使用 JQuery 来快速完成，但很容易修改它以使用标准 JS DOM 操作调用）

于 2010-12-28T18:33:25.280 回答
1

基本上下面的部分就是我所做的。

<div style="display: block; position: relative; width: 300px; height: 300px; border: 1px solid black; background: gray;">
    <div style="position:absolute; width: 296px;height: 296px;background-color: transparent;border: 2px #a72525 solid;   -webkit-border-radius: 148px;   border-radius: 148px;"></div>
    <div style="position:absolute; width: 148px;height: 148px;top: 72px;left: 72px;background-color: transparent;border: 2px #a72525 solid; -webkit-border-radius: 75px;border-radius: 75px;"></div>  
    <div style="position:absolute;  width: 4px;   height: 4px;top:148px;    left:148px;    background-color: black;"></div>  
    <div style="position: absolute; font-size: 0.8em; color: #222222; top: %dpx; left: %dpx;">%d</div>    
</div>

最后一个 div 是放置在任何地方的标签。%d 是整数值（来自我的 python 代码）

此外，这里是工作示例。nico 的道具 http://jsfiddle.net/94Kzt/72/

于 2010-12-29T00:03:43.163 回答