input 按鈕在IE下相容問題

2021-06-20 23:04:20 字數 839 閱讀 1351

這段時間在處理網頁預設的input 按鈕時,ie下常顯現不一致的寬度問題,讓人感到很糾結。所以今天請教了幾位高手把這個問題解決了,現在貼出來和大家共享一下,當然這個方法在網上曾有人寫過,大家可以一起來相互**一下。

html code:

我先在這裡貼出一段初始的css樣式

css code:

input.form-submit
我看先來看看效果圖吧:

從上圖中我們明顯可以看出,只有在firefox下顯示才是正常,在ie7和ie下沒有圓角效果,這個都是眾所周知,但ie7具有乙個致命的問題,就是寬度變長了,大家一定會感到奇怪,我們沒有定寬度的呀,怎麼會這樣呢?呆會我們會引用別人的說法了說明這個問題;另外就是safari和chrome下高度怎麼也不行的呀。

針對前面的bug,我對我的css稍加做了修改,如下:

input.form-submit
也就是我在以前的基礎上增加了以下幾行**

input.form-submit
這樣我們就把那個頭痛的問題解決了,大家可以一起看看修改後的效果:

這裡提醒大家,對於字居中的問題,不僅受行高影響,而且還受其字型,字型大小的影響,大家感興趣的可以嘗試一下。

UpLoadify在IE下相容問題

一 在ie9 ie10不能點選的問題解決 解決方法 進入uploadify的js檔案中,搜尋swfupload.prototype.getflashhtml,找到它對應的語句,將方法全部替換為以下內容 swfupload.prototype.getflashhtml function return ...

ie相容問題

是html5的宣告,主流的遊覽器中只有ie8及以下版本不支援,這樣ie會進入quirks模式。但之後的宣告可以強制指定ie的呈現模式,所以宣告對ie就無影響。html5並沒有xhtml那麼嚴格,對於一般的xhtml頁面,基本都不通完全通過w3c驗證標準,而改為html5宣告後基本都能過。複製 如下 ...

IE相容問題

一行 輕鬆搞定各種ie相容問題,ie6,ie7,ie8,ie9,ie10 trigkit4 content ie emulateie7 在這裡送上幾種ie使用模式 1.強制使用ie5模式來解析 content ie 5 2.強制使用ie6模式來解析 content ie 6 3.強制使用ie7模式來...