如何将此图像合并到此垂直线隐藏图像的一部分？

Question

我想看看如何制作图像，这是地球隐藏在线后面的部分。

 <div class="verticalLine" >
 <img src="/icons/globe.png" alt="globe" />
 </div>
 .verticalLine {
border-right: 2px solid black;
}

Answer 1

将overflow: hidden;属性和某个width放在div.verticalLine上。

示例here。

Answer 2

.verticalLine { 
  border-right: 2px solid black;
  overflow: hidden;
}