使文字消失並重新雕刻

在我的導航欄上有一個徽標，我希望此徽標在1080px處消失。目前我正在使用使文字消失並重新雕刻

@media (min-width: 1080px){ 
    .navlogo a{display: none;} 
}

而且這個工作，但在425px我想徽標重新出現。我會如何去做這件事？

來源

2016-05-20 bvdo

@media（最大寬度：425px）{ .navlogo一個{顯示：塊;}} 請 –

檢查我的小提琴，讓我知道如果對你有好處。希望我對你有所幫助。 –

您可以使用該媒體查詢顯示標誌

@media (max-width: 425px){ 
    .navlogo a{display: block;} 
}

檢查fiddle for 600px

檢查fiddle for 1080px

見

而且在這裏看到

來源

2016-05-20 06:19:24

他希望徽標重新出現@ 425px並消失@ 1087，所以你可能想糾正代碼.. –

@DhavalChheda從425到下面，徽標將出現，上方的徽標將消失..對吧？ –

我不認爲他的問題意味着..他需要更清楚一點，但那是我對他的問題的解釋 –

試試這個代碼

@media (min-width : 425px) { 
     .navlogo a{ 
      opacity: 1; 
     } 
    } 

    @media (min-width : 1080px) { 
     .navlogo a{ 
      opacity: 0; 
     } 
    }

來源

2016-05-20 06:19:15

爲什麼不透明？什麼時候可以使用顯示？ –

我通常使用不透明度，因此提供了答案，坦率地說，從來沒有使用過顯示器：無.. –

建議，嘗試使用display：none而不透明，因爲不透明度用於模糊但不隱藏。希望它會幫助你:) –

使文字消失並重新雕刻

回答

相關問題