0

要件は、5つまたは6つの要素が円形に配置された画像/グラフィックをその上に配置することです。要素は、それぞれ更新された統計を持つ2つの短いテキストフレーズです。それらは、画像に対して同じ相対位置で画像の上に表示されます。これは、画像自体に、表示されている統計に関連するグラフィックが含まれているためです。

重要なのは、このWebページはさまざまなサイズでさまざまなブラウザに表示されるため、アクティブな要素は常に画像自体に対して同じ位置に表示される必要があるということです。

このタイプのものの例（実際の画像とニーズはかなり異なりますが）は、見られた流れ星の数と、偶数時間の位置ごとに検出された地震の数を示す時計の画像です。統計は、偶数時間の数字のすぐ隣（上、下、左、右）の時計自体に表示する必要があります。表示される統計と画像の間のこの関係は、モニターのサイズ、ブラウザー、サイズ変更などに関係なく（当然のことながら）維持する必要があります。

4

1 に答える 1

0

すべてのテキストと画像を含むページを作成します。どこに表示されるかを気にせず、cssスタイルを使用します

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

それらが表示される場所を変更します。「position：relative;」を使用する場合は注意してください。指定された側にピクセルを追加します。それで

top: 20px;

アイテムを20px下に移動します。

何が最適かによっては、負の値を使用することもできます。

幸運、-ブライアン

于 2012-08-08T19:23:27.000 に答える