如何將此圖像合併到圖像的垂直線隱藏部分？

Question

我想看看如何製作圖像，這是全球隱藏在線後面的一部分。

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

Answer 1

把overflow: hidden;財產和對div.verticalLine一定width。

示例here。

Answer 2

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