css代碼導致圖像和表單域在後臺丟失

我有一個困惑的一天。css代碼導致圖像和表單域在後臺丟失

如果你看一下這個網頁，並查看其源代碼：http://tinyurl.com/npawot5

你會意識到，它有它的頭一個CSS來處理一個單一的表單字段。

問題是，在對CSS進行修改之前，我在頁面上看到一個圖像。但是現在，圖像在後臺丟失了，你只能看到Chrome等的表單字段，而不是Internet Explorer。

所以沒有圖像在任何瀏覽器，並沒有形式在Internet Explorer中。

任何人都有一個想法是什麼可以導致這個混亂？

感謝

來源

2013-11-25 user2977144

不能嵌套CSS你的方式。並且您不能在&上執行:after僞選擇器。看起來你可能試圖使用已編譯的CSS，但它沒有被解析。

.coming-soon { 
    height: 105px; 
    left: 50%; 
    margin-left: -172px; 
    margin-top: 35px; 
    overflow: hidden; 
    position: absolute; 
    top: 30%; 

    &:after { /* This is not allowed and shouldn't be nested here */ 
     border-radius: 100%; 
     box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.3); 
     content: ""; 
     left: 15px; 
     position: absolute; 
     height: 10px; 
     top: 109px; 
     width: 320px; 
    } 
}

來源

2013-11-25 14:41:10

謝謝。但我刪除了關於「img」的CSS，而現在圖像正在顯示。您可以重新訪問代碼以查看。但是，該表單在Internet Explorer中仍未顯示。有任何想法嗎？ – user2977144

#bv_Image1 { 
    overflow:hidden; <--remove 
} 
img { 
    opacity: 0; <--remove 
}

版本的Internet Explorer 9或更少有RGBA顏色弱或無支持。改用十六進制顏色。 確保您的瀏覽器和文檔模式兼容（在Internet Explorer中按f12並查看）。 如果你想爲所有瀏覽器創建漸變（ie8或更少有弱或無支持）使用此鏈接，並確保啓用ie9支持。 collorzilla

來源

2013-11-25 14:41:28

是的 - 你說得對。忘了提及溢出：隱藏也應該刪除（只與鉻混合），所以我刪除了我的答案，並upvoted你的。 – davidkonrad

謝謝。我刪除了關於「img」的CSS，圖像現在正在顯示。您可以重新訪問代碼以查看。但是，該表單在Internet Explorer中仍未顯示。有任何想法嗎？ – user2977144

我編輯了我以前的答案，你可以看看。 –

css代碼導致圖像和表單域在後臺丟失

回答

相關問題