【问题标题】:Best way to position over image定位在图像上的最佳方式
【发布时间】:2013-11-20 00:01:28
【问题描述】:

我有一个导航菜单作为图像。我用图像作为背景和固定的宽度和高度制作了一个导航 div。现在在我想要导航链接的行下的小框中。所以我所做的是我在导航 div 中创建了多个 div,并将它们定位在小盒子中。所以它们都在 Firefox 中完美定位,但不幸的是,在 chrome 等其他浏览器中它们有不同的位置(没有什么极端的,但它们在小盒子中并没有完全对齐)。

我的想法是,只要容器 div 有一定的固定高度和宽度。子 div 的边距在所有浏览器和屏幕尺寸上都是相同的,因为它们总是相同的尺寸。这怎么可能?使这个导航菜单成为可能的最佳选择是什么?

【问题讨论】:

  • 您是否使用了 CSS 重置?这通常有助于解决浏览器边距不一致的问题。 Eric Meyer's 不错。
  • 这可以帮助你理解为什么它是这样的webmasterworld.com/css/3706370.htm
  • 字体在不同浏览器/操作系统上的渲染也略有不同。所以孩子的大小可能会因此而改变。

标签: css image html position


【解决方案1】:

尝试使用这个http://www.image-maps.com/ ...图像映射工具可让您设置链接坐标。

【讨论】:

    【解决方案2】:

    如果您知道这些框在背景图像中的像素位置,则可以绝对定位导航 div,并根据父 div(与图像)的像素使用顶部和左侧精确地将它们定位在您想要的位置使用边距。

    【讨论】:

      猜你喜欢
      • 2010-11-18
      • 2014-10-19
      • 2015-12-18
      • 1970-01-01
      • 1970-01-01
      • 2016-09-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多