主页 / 问题 / 1431694
Accepted
notbez
Asked:2022-07-21 16:13:22 +0800 CST2022-07-21 16:13:22 +0800 CST

定位背景图像

  • 772

背景图像的定位存在问题。相反，它的定位很好，但为了适应，一切都很糟糕。简单地说，屏幕小于 1440px，所有元素根据给定的参数调整大小，但背景图像保持屏幕的全宽。如果有的话，图像通过标签居中对齐p text-align: center;。所以，在我看来，这整个事情都是通过@media. 一切都会好的，但我不知道该怎么做。此外，在背景图像上，内容部分位于右侧，左侧几乎没有您需要的所有内容，实际上是白色背景。好像他解释清楚了，好吧，总的来说，请帮助我，否则tenoten将不再有帮助 在此处输入图像描述

html css

1 个回答

  1. Best Answer

    我了解您希望切断小屏幕上的背景，而不是将页面拉伸到宽度。

    对于初学者，您仍然应该设置背景，而不是图像。在 CSS 中，有一个 this 的属性background-image，以及相关的：

    HTML

    <div class="container">
  <p class="main-block">
    Content
  </p>
</div>

    css

    .container {
  width: 100%;
  height: 300px; /* Для наглядности */
  border: solid 3px yellowgreen;
  background-image: url(img/mainblock.jpg); /* Ссылка на фоновое изображение */
  background-repeat: no-repeat; /* Цикличность фона */
  background-position: center; /* Положение фона в блоке */
  background-size: cover; /* Размер фона */
}

.main-block {
  text-align: center;
  font-size: 50px;
}

    此代码将按比例将背景定位在块的中心，以便块完全被它覆盖：

    背景

    但是，它永远不会超出 div。

    我建议您阅读每个属性，以便按照您需要的方式定位背景。CSS 拥有你所需要的一切。

    • 0

相关问题