擬似要素とZ-インデックスの後にcss triangleを使用するには？

Question

私はすでにこの問題に関連したスタックオーバーフローのほとんどすべてのソリューションを試しました。私は以下のCSSコードを持っています。

.logo { 
background-image: url("../Images/Brookland-Splash- 
MOBILE_0000s_0000s_0001_BrooklandPress-CMYK-copy-2.png"); 
width:124px; 
height: 131px; 
float: left; 
margin-left: 290px; 
margin-top: 30px; 
margin-bottom: 93px; 
z-index: 10; 
} 
.logo::after { 
content: ''; 
border-left: 80px solid transparent; 
border-right: 80px solid transparent; 
border-top: 80px solid white; 
position: absolute; 
width: 0; 
height: 0; 
top: 120px; 
left: 275px; 
clear: both; 
} 

Answer 1

ただ、スーパーユーザー@.logoのdiv

.logo { 
    background-image: url("../Images/Brookland-Splash- 
    MOBILE_0000s_0000s_0001_BrooklandPress-CMYK-copy-2.png"); 
    width:124px; 
    height: 131px; 
    float: left; 
    margin-left: 290px; 
    margin-top: 30px; 
    margin-bottom: 93px; 
    z-index: 10; 
    position: relative 
} 
.logo::after { 
    content: ''; 
    border-left: 80px solid transparent; 
    border-right: 80px solid transparent; 
    border-top: 80px solid white; 
    position: absolute; 
    width: 0; 
    height: 0; 
    top: 120px; 
    left: 275px; 
    clear: both; 
}