2014-05-06 320 views
1

我用我的網站上重力的形式和我添加背景圖片爲我的下拉列表中,但我只是實現了IE8不能顯示我的背景,背景圖像選擇

這裏是圖像

正確的應該是這樣的:

這裏是代碼:

.page-id-318 #input_5_1{ 
    -webkit-appearance: none; 
-moz-appearance: none; 
    color: #828988; 
    padding: 8px 8px 8px 8px; 
    font-size: 12px; 
    text-align: left; 
    border-radius: 0 !important; 
    background: url(images/down.png) no-repeat right white !important; 
    background-position:100% 50%; 
    border: 1px solid #e8e1d7; 
    height: 32px; 
    overflow: hidden; 
    width: 100% !important; 
} 

事情是,背景圖像應該在所有其他項目之上。 想法?

+1

所以它不是背景。 – nicael

+0

@GCyrillus你問我還是IE?大聲笑 – Amir

+0

這看起來似乎並不相關 - 但你是否記得在頁面頂部加入<!DOCTYPE html>? – yuvi

回答

1

不支持IE8。

你可能會發現一些解決方法(有some scripts聲稱幫助你,雖然我不能擔保他們),但事實是,IE8被用於總互聯網使用的less than 2.4 percent。如果你使用一些conditional comments給IE8自己的樣式,那會更好。這將是更醜陋的(當然會),但你可以用這麼古老的瀏覽器做很多事情。

另一個建議 - 在我的一個項目中,我使用了檢測瀏覽器的javascript,並且讓堅持使用舊瀏覽器的用戶下載chrome frame,以便他們可以像其他用戶一樣體驗網站。它可能需要對用戶的部分進行額外的操作(並且該項目已停止被支持,儘管仍然可用),但是,再次,這是我能找到的最明智的想法(並且它也使我作爲開發人員的生活變得更容易)。

不完全是一個完美的答案,但希望你會發現它有幫助。 祝你好運!