我們用select來選取一個(gè)國家，當(dāng)我辛辛苦苦拼湊字符串，然后把這個(gè)字符串賦值給select的innerHTML，運(yùn)行，在firefox下能顯示出所有的國家。但是在IE下卻什么都沒有顯示。剛開始我還以為是我拼湊的字符串有問題，仔細(xì)檢查沒有啊。后臺(tái)到google上search了下，發(fā)現(xiàn)是ie處理select的一個(gè)bug。于是做了一個(gè)簡單的測試。
讓input的內(nèi)容在縱向居中，首先我使用了vertical-align樣式，沒有任何的效果。后來google了一把，發(fā)現(xiàn)需要設(shè)置line-height樣式，設(shè)置后運(yùn)行，果然如此！.input { FONT-SIZE: 12px; height:100px; line-height:100px;} 以下是引用內(nèi)容（http://topic.csdn.net/t/20050722/20/4162420.html）：實(shí)際上，一個(gè)Box中由很多行很多元素組成，vertical-align只作用于在同一行內(nèi)的元素，它的垂直并不是相對(duì)于整個(gè)Box而言的。前面那個(gè) span定義了一個(gè)60px的高度，但是這個(gè)span的Box中存在很多行，那段文本并不能對(duì)齊到span的中央。因此希望那段文本對(duì)齊span的中行， 需要給它定義一個(gè)line-height的屬性，讓line-height為60px，作用于一行的vertical-align就按你的想法工作了
今天解決了一個(gè)困擾我們很久的一個(gè)問題（說是很久，但一直沒有花時(shí)間去research，想想不影響功能使用，沒什么啊。而真正解決問題，也就那二十來分鐘，哎！人已經(jīng)懶惰成這樣了）。問題描述：我們利用ajax做了一套系統(tǒng)，但通過https訪問的時(shí)候，IE總會(huì)彈出下面的對(duì)話框：
而在我們的代碼中所有的訪問都是通過https的，怎么會(huì)有不安全的元素呢？在網(wǎng)上google了一下，有人提到可能是iframe的問題。而在我們系統(tǒng)中確實(shí)用到了很多的iframe。修改code，去掉所有的iframe。再次run，上面的對(duì)話框沒有了，終于找到原因了。但是我們的系統(tǒng)中是需要iframe啊？請(qǐng)看下面的code：
從上面的code，可以看出代碼中沒有指定src屬性，這樣IE是沒有辦法知道這個(gè)iframe將引用的是安全內(nèi)容還是不安全內(nèi)容呢。所以會(huì)彈出上面的對(duì)話框。增加src屬性，修改code：
再次run，對(duì)話框沒有了，問題解決。附錄：
在IE下，如果div懸浮在select上面。select會(huì)透過div顯示出來。這非常影響視覺效果。網(wǎng)上有很多的解決辦法，其中一個(gè)就是在div中增加iframe。我們就是通過這個(gè)方法的，但又產(chǎn)生了這個(gè)問題。