我已经在论坛上搜索过了，但我确实找不到我需要的东西，尽管有类似的东西。我对jquery并不熟悉，所以如果可能的话，宁可避免这样做。我可以做HTML和CSS。
我正在设计一个包含多个容器的网页。整个父容器有一个图像，然后我将在该容器中有空div。
我想让每个div像一个复选框，所以当点击它时，会出现一个复选标记的图像。
如何获取此空div以仅在单击时显示图像？我的网站尚未启动，仍在设计中，所以我无法链接到它。如果需要更多信息，请告诉我。我的HTML看起来像这样：
<div id= "parent container">
<img src="background image">
<div id="container1> i want this to be an empty div that when clicked shows an image</div>
<div id="container2> i want this to be an empty div that when clicked shows an image</div>
</div>
css看起来像这样：
parent container { width:100%; display:block; margin: 0 auto;}
container1 {width:20%; display:block; top:10%; left:60%; height:20%;}
etc
基本上我试图设计我的网页看起来像一个卡通化的应用程序（背景图像是应用程序基础）。我希望用户能够单击复选框以查看适用于他的任何内容，当他点击它时会出现一个检查图像。
任何帮助将不胜感激！