主页 / 问题 / 1092828
Accepted
Ram Ce
Asked:2020-03-10 15:15:44 +0800 CST2020-03-10 15:15:44 +0800 CST

由于模糊，内容不可见

  • 772

由于背景，该块的内容不可见a，请帮我修复它

.about {
   background: url(../img/background.png);
   height: 800px;
   filter: blur(10px);
}

.wwc {
   display: flex;
   justify-content: center;
}

.wwcTable {
   border: 1px solid var(--light);
}
<main>
      <div class="about">
         <div class="wwc">
            <div class="wwcTable">
               <ul>
                  <li>Разработка веб-сайтов</li>
                  <li>Дизайн логотипов</li>
                  <li>Разработка продающих текстов</li>
                  <li>Дизайн полиграфии</li>
               </ul>
            </div>
         </div>
      </div>
   </main>

javascript

1 个回答

  1. Best Answer

    如果只想模糊背景，则不能将其设置为父块，而是例如设置为具有绝对定位的伪元素：

    .about {
   height: 800px;
   position: relative;
}
.about:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://im0-tub-ru.yandex.net/i?id=e3b2b504468937b2532351cc93761734-l&n=13);
  z-index: -1;
  filter: blur(10px);
}
.wwc {
   display: flex;
   justify-content: center;
}
.wwcTable {
   border: 1px solid var(--light);
}
    <main>
  <div class="about">
    <div class="wwc">
      <div class="wwcTable">
        <ul>
          <li>Разработка веб-сайтов</li>
          <li>Дизайн логотипов</li>
          <li>Разработка продающих текстов</li>
          <li>Дизайн полиграфии</li>
        </ul>
      </div>
    </div>
  </div>
</main>

    • 4

相关问题