如何设置特定的div结束？

Question

我正在为自己制作一个项目，并且我坚持到这一点：

<div id="opacity">
  <div id="content">

    <div id="text">
      <h1 id="contentH1">Officiele game-rate website.</h1>
      <br>
      <p id="contentP1">Op deze website kunt u alle top 10 games zien, van veel verschillende genre's. Alle lijsten zijn bedoeld voor de pc. </p>
      <p id="contentP2">Hier onder worden de verschillende genre's aangegeven:</p>

      <ul id="genreIndeling">
        <li>Actie</li>
        <li>Avontuur</li>
        <li>Strategie</li>
        <li>RPG</li>
        <li>Sport</li>
        <li>Race</li>
      </ul>

    </div><!--END TEXT-->

    </div><!--END OPACITY-->

  <div id="messi">
    <img id="messi" src="messi.png" alt="Messi" style="opacity: 1;">
  </div><!--END MESSI-->
  
</div><!--END CONTENT-->

对不起荷兰语的话，但问题是我的电脑，“内容”的结尾div被视为“不透明度”的结束div，所以我的照片仍然不透明。

是的，有人可以帮帮我吗？ 谢谢，

Joost Keiser

Answer 1

您缺少不透明度的结束“/ div”

Answer 2

交换前两个div的ID：

＆＃13;

＆＃13;

<div id="content">
  <div id="opacity">

＆＃13;

＆＃13;

＆＃13;

这将使你的div按顺序排列，并保持图像的方式。