1. 程式人生 > >解決 chrome 瀏覽器對 div 的 display : none 不支援

解決 chrome 瀏覽器對 div 的 display : none 不支援

試了很久,發現在style設定display:none的時候,IE是可以的,但是chrome不行


<div style="display:none">
     測試測試
</div>

在chrome下,“測試測試”這幾個字還是佔位置的,即時display:none不起效,最後將程式碼改成下面這樣才可以。

<div style="display:none">
  <span style="display:none">
     測試測試
  </span>
</div>

個人認為,chrome瀏覽器下,只要div還有內容,display:none就不起效,所以要將div下的標籤也置為display:none,這樣div就沒有東西了,display:none才有效,純屬個人觀點,不是官方的,有錯的話請高人指教一下。