html - 无法在 HTML 中移动图像

Question

我有一个问题，我可以移动图像，无论我输入什么，它都停留在右上半部分，没有滚动

.container_767 {
  position: relative;
  text-align: center;
  color: #fff;
}

.imagetext_767 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image_767 {
  position: relative;
  width: 45%;
  height: 45%;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
}

<div class="container_767">
  <img class="image_767" src="../images/aircraft/CS767_TN.JPG">
  <div class="imagetext_767">Captain Sim 767</div>
</div>

标签： html

Answer 1

更改position: absolute;为position: relative;_.imagetext_767

.imagetext_767 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}