【问题标题】:Can't Make Image Move via CSS无法通过 CSS 使图像移动
【发布时间】:2012-10-22 17:12:16
【问题描述】:

我正在尝试在this 页面(右下角)上移动 Trip Advisor 的图像。如此屏幕截图所示,它需要向上和向右移动以适合橙色/粉色框。

当我应用负边距时,图像隐藏在橙色/粉色框后面。我尝试添加各种 z-index 值以使其显示在顶部,但似乎没有任何效果。

知道我做错了什么吗?

注意:此图像(用于旅行顾问)也在主页上重复使用。应用的任何 CSS 样式都不应影响图像在主页上的定位。

【问题讨论】:

  • 看不到代码什么都做不了...你能发个jsfiddle吗?
  • z-index 用于在其他图像上方显示图像。此图像位置错误。如果你想要的地方是一个 div,试着把图片放在里面,并添加 position:absolute;边距右:15px;到图片 css。

标签: html css image layout positioning


【解决方案1】:

没问题!希望这会有所帮助。

.TA_rated {
  width: 155px;
  height: 77px;
  position: absolute;
  left: 265px;
  top: -6px;
  margin: 0;
}

编辑:仅在 Safari 中测试过,但其他地方应该没问题...

【讨论】:

  • 谢谢!工作完美。我将选择器更改为 .advertBlock .TA_rated 以仅隔离此页面上的移动。所以,问题在于我使用的是 margin-top 而不是 top,对吗?
  • 太棒了!作为一般规则,我在定位某些东西时使用 top/left/bottom/right 属性,因为这就是它们的用途。 ;)
猜你喜欢
  • 1970-01-01
  • 2015-08-10
  • 1970-01-01
  • 2021-04-08
  • 2012-03-05
  • 1970-01-01
  • 1970-01-01
  • 2013-02-20
  • 2020-09-02
相关资源
最近更新 更多