css三角形不起作用

Question

訪問http://onecraftyshop.com

您會在第一部分看到一個帶有星號的灰色框。如果您查看html，它將在＃av_section_2下作爲.arrow-down。

我使用jQuery插入.arrow-down類。

jQuery('#av_section_2').prepend(jQuery('<div class="arrow-down"></div>'));

這裏是我的CSS樣式：

.arrow-down { 
width: 0; 
height: 0; 
border-left: 20px solid transparent; 
border-right: 20px solid transparent; 
border-top: 20px solid #eeeeee; 
position: absolute; 
top: 0px; 
left: 50%; 
} 

所以我敢肯定的是，jQuery是罰款，因爲它是在頁面上展示，但由於某些原因，我可以」不要讓CSS做出三角形。

我該如何解決這個問題？正確的CSS將是偉大的！

如果您需要其他信息，請告訴我！

感謝

Answer 1

您需要更具體的，因爲在樣式表其他一些規則是壓倒一切的。

.avia-section .arrow-down { 
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent; 
    border-right: 20px solid transparent; 
    border-top: 20px solid #eeeeee; 
    position: absolute; 
    top: 0px; 
    left: 50%; 
}