Question

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

---我没有足够的代表发布图片：/但请尝试此网址 - http://i.stack.imgur.com/a3eWL.jpg

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

免责声明：自从我完成任何html或javascript编辑以来已经有几年了，所以一般的例子和见解都很棒。

由于

Answer 1

您可以使用<div>和top CSS属性创建一些绝对定位的left。

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

Answer 2

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

<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代码）

此外，这是工作示例。道具到尼科 http://jsfiddle.net/94Kzt/72/

将基于文本的div放在圆圈内的相对位置

2 个答案: