主页 / 问题 / 826164
Accepted
mufdvr
Asked:2020-05-11 09:08:59 +0800 CST2020-05-11 09:08:59 +0800 CST

奇怪的 CSS 背景问题

  • 772

有一个类：

.fold {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -193px;
  background: url(/images/fold.png) no-repeat right 700px;
}

所以一切正常，但由于某种原因，在下面的图片选项中没有显示

.fold {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -193px;
  background-image: url('/images/fold.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 700px;
}

请告诉我有什么问题？

css3

1 个回答

  1. Best Answer

    解释错误

    background: url(/images/fold.png) no-repeat right 700px;

    也就是说， in是浏览器覆盖 in （而不是）right 700px的一个属性。您可以通过从 DevTools 转到 Computed 选项卡来亲自查看。background-positionbackground-position-y: 700pxbackground-size

    • 0

相关问题