0

ポートフォリオを作成しています。レイアウトを描いたのですが、コードに問題があります。画像でわかるように。

視覚化:

ここに画像の説明を入力

  • 黒い部分が写真になります
  • 白い部分は通常のバクラウンド カラーになります。画像も表示される可能性があります。全幅スケーラブル スケーラブルな背景画像を使用したいのですが、問題は、リンクの問題 (灰色のフィールド) を解決する方法がわからないことです。リンクギャップを画面の端から開始し、白い背景の前 (ボーダー) で終了するようにしたいためです。

画像マップについて考えていましたが、それは良い解決策ではありません...多分あなたはアイデアを持っています.

私は同様の問題を発見しました(背景位置に応じたリンクギャップの配置について-スケーラブル)-リンクはこちら-stackoverflow 上記の質問と同じ問題があります-比例背景スケーリングを使用しない場合は機能します。

4

1 に答える 1

0

トリッキーなレイアウトです。しかし!(全幅のスケーラブルで固定のアスペクト比を想定しています)

あなたが知っているので、エリアの交差点の角度は同じになります。リンクを上隅から既知のy軸のパーセンテージに配置すると、x軸のパーセンテージが固定されます。

次に、ブラウザの幅全体に移動することを選択した場合は、リンクに「位置:固定」(CSS)をスケーリングおよび上/下/左/右(CSS)とともに使用できます。そうでなければ、同じ原理で相対測位を使用できると思います。

それがあなたの道にあなたを連れて行くことを願っています!

于 2013-03-13T15:47:23.650 に答える