0

我正在创建我的投资组合,我画了一些布局,但现在我遇到了代码问题。正如您在图像上看到的那样。

可视化:

在此处输入图像描述

  • 黑色区域将是一张照片
  • 白色区域将是正常的背景颜色/也许我会看到图像。全宽可缩放我想使用可缩放的背景图像,问题是我不知道如何解决链接问题(灰色字段)。因为我希望链接间隙从屏幕末尾开始并在白色背景之前结束(在边界处)。

我在考虑图像映射,但这不是一个好的解决方案......也许你有一个想法。

我发现了类似的问题(关于根据背景位置定位链接间隙 - 可缩放) -链接在这里 - stackoverflow 现在我遇到了与上述问题相同的问题 - 如果我不使用比例背景缩放,它就可以工作。

4

1 回答 1

0

这是一个棘手的布局.. 但是!(我假设全宽可缩放和固定纵横比)

因为您知道区域相交的角度是相同的。如果您将链接放在从上角开始的已知 y 轴百分比处,您将在 x 轴上具有固定的百分比。

然后,如果您选择全浏览器宽度,您可以对链接使用“位置:固定”(CSS)以及缩放和上/下/左/右(CSS)。否则,我相信您可以使用相同原理的相对定位。

希望这会让你上路!

于 2013-03-13T15:47:23.650 回答