js代碼顯示爲懸停文字

Question

<script type="text/javascript"></script>標記內有一段隱藏的代碼段，其中包含一些javascript代碼。 當我將鼠標懸停在div上時，我將該代碼看作文本。如果我將js代碼移到隱藏塊之外，代碼將不可見。爲什麼會發生？

您可以在這裏查看我的演示：http://goo.gl/XVlhXq只需懸停在任何產品圖片上即可。

錯誤屏幕：http://goo.gl/Qvu7Hr

Answer 1

您有CSS規則

.car-item:hover .hide * { 
    display: block; 
} 

其中也針對script標籤。

要麼不在頁面標記內添加腳本（例如將其放在主體的末尾），要麼添加不太具體的CSS規則。

Answer 2

如何：

script { 
    display: none; 
} 

Answer 3

你有

.car-item .hide { 
     display:block; 
} 

重寫

.hide { 
    display:none; 
} 

，因爲它通過CSS Specificity

有多個定義類，因此較高的水平您可以通過

• 去除顯示解決此：從。汽車項目.hide塊，

• 添加重要標誌像

  .hide { 顯示：！無;重要 }

• 加入幾類到它，這是可怕的，像

  。汽車項目。隱藏* { display：none; }

此外，這是不相關的，但你必須

<div class="rating"> 

您

<div class="hide"> 

其犯規好聽內。也許這是一個例子，因爲有「高度：15px;」並不完全「隱藏」。