2014-01-27 75 views
0

我試圖讓一個div使用無法獲得股利消失在調整

@media all and (max-width:1000px) { 
    #triangle{ display: none; } 
} 

消失,但它不是爲我工作的某些原因。這是div的CSS:

#triangle { 
width: 0; 
height: 0; 
position:absolute; 
top:110px; 
right:250px; 
border-bottom: 100px solid #d8e2ff; 
border-left: 100px solid transparent; 
border-top-right-radius: 0%; 
display:inline-block; 
} 

這是網站:http://www.ciaransmith.ie/aboutme.php。該div是講話泡泡的三角形

任何想法?

此外,我的聯繫頁面有時顯示無法顯示,有時顯示正常,爲什麼會發生這種情況?

+1

哪裏是三角形 - 我看不到它 – LorDex

+1

三角形是在我的頁面 – RyanS

+0

嘗試使用'!important'來顯示**:none **像這樣:'display:none!important;' –

回答

1

試試這個

@media all and (max-width:1000px) { 
    #triangle{ 
    display: none !important; 
    } 
} 

請放置代碼的文件本身不是在CSS文件

+2

不在CSS文件中一樣工作? -1 – DaniP

+0

這樣做了,謝謝! – AFlyingLemon

-2

display: inline-block;未包裝在媒體查詢中。補充一點:

@media all and (min-width: 1001px) { 
    #triangle { 
     display: inline-block; 
    } 
} 
+0

爲什麼要投票? –

+0

這似乎並沒有解決問題.. – RyanS

+0

爲什麼不呢?他正在改變'max-width'媒體查詢中的'display'屬性,但他正在媒體查詢之外設置一個默認值。從基本'#三角形'選擇器中刪除'display:inline-block;'並將其添加到'min-width'媒體查詢中。它會像添加'display:none!important;' –

0

我只能找到這個:

@media all and (max-width:1000px) { 
    #whiteback { display: none; } 
} 

哪些目標錯誤的ID。也許我錯過了正確的css,但任何一種方式的風格都不會被應用,所以當前問題是ID或媒體語法

+1

沒錯,OP沒有這個聲明 – DaniP