2013-04-01 95 views
0

我目前正在使用Joomla模塊的登錄樣式作爲Joomla 2.5.9站點的登錄模塊和JS Elated模板。當用戶點擊登錄圖像時,該模塊將顯示一個用於登錄的下拉框。登錄模塊將不會在IE 8中顯示Joomla 2.5

在除Internet Explorer 8以外的每個瀏覽器中,登錄模塊將顯示沒有問題。但是,在IE 8中,登錄模塊的按鈕圖像不會出現,但模塊仍然在那裏。

通過與模塊的支持團隊交談,我瞭解到導致此問題的文件是ie.css文件。刪除文件有幫助,但導致下拉按鈕顯示太暗。

看着ie.css,我找到以下樣式:

button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] { 
behavior: url('./templates/js_elated/css/PIE.php'); 
background: #eee url(../images/button-light.png) repeat-x; 
background: gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ccc)); 
border: 1px solid #ccc; 
color: #000; 
} 

註釋掉定義背景的線或定義的顏色,導致無論是在登錄圖像沒有出現線條,或者圖像標有「登錄」的按鈕顯示太暗。

你會推薦我做什麼?謝謝。

+0

IE8特定的CSS /代碼包括只使用較低的顏色背景 –

回答

0

即高達版本8不支持許多CSS3屬性和函數,如漸變和邊框半徑。

庫PIE.css是一個非常有效的解決方案,因爲它解決了大多數限制;有時它需要兩個位置:相對或縮放:1被添加。

所以你的代碼應該工作。但由於它顯然不會,您可以:

  1. 撥弄位置:相對和變焦:1,看它是否解決了,什麼沿着這些線路:http://css3pie.com/documentation/known-issues/

  2. 下降梯度爲IE,並使用提供的背景圖像。你可能想寫一個不同的順序的速記背景,以使其工作:儘管這是正確的,根據http://www.w3.org/TR/CSS2/colors.html#background我必須注意到,FF和鉻在他們的檢查員寫在顏色不同末尾

  3. 只是使用一個固定的顏色背景,最後如果他們使用IE瀏覽器,他們不值得漂亮的界面。

+0

謝謝!添加位置:親戚做到了! – JoshW