0

要求是有一个图像/图形,其周围和顶部以圆形方式放置五个或六个元素。这些元素是两个简短的文本短语,每个短语都有更新的统计信息。它们将出现在与图像相同的相对位置的图像顶部。这是因为图像本身包含与正在显示的统计信息相关的图形。

关键是,由于该网页以不同的尺寸和不同的浏览器显示,因此活动元素必须始终显示在相对于图像本身的相同位置。

此类事物的一个示例(尽管实际图像和需求完全不同)将是时钟图像,其中显示了看到的流星数量以及在每个偶数小时位置检测到的地震数量。统计数据需要显示在时钟本身的偶数小时数旁边(上、下、左、右)。无论显示器大小、浏览器、调整大小等如何(当然是在合理范围内),都需要保持显示的统计信息和图像之间的这种关系。

4

1 回答 1

0

制作一个包含所有文本和图像的页面。不用担心它出现在哪里,然后使用 css 样式

position:relative;
top/bottom: (x amount of pixels);
left/right: (x amount of pixels);

更改它们出现的位置。请记住,在使用“位置:相对;”时 它将像素添加到指定的一侧。所以

top: 20px;

将项目向下移动 20px 。

您还可以根据最有效的方法使用负值。

祝你好运,-布赖恩

于 2012-08-08T19:23:27.000 回答