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