我們用select來(lái)選取一個(gè)國(guó)家，當(dāng)我辛辛苦苦拼湊字符串，然后把這個(gè)字符串賦值給select的innerHTML，運(yùn)行，在firefox下能顯示出所有的國(guó)家。但是在IE下卻什么都沒(méi)有顯示。剛開(kāi)始我還以為是我拼湊的字符串有問(wèn)題，仔細(xì)檢查沒(méi)有啊。后臺(tái)到google上search了下，發(fā)現(xiàn)是ie處理select的一個(gè)bug。于是做了一個(gè)簡(jiǎn)單的測(cè)試。
讓input的內(nèi)容在縱向居中，首先我使用了vertical-align樣式，沒(méi)有任何的效果。后來(lái)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è)問(wèn)題（說(shuō)是很久，但一直沒(méi)有花時(shí)間去research，想想不影響功能使用，沒(méi)什么啊。而真正解決問(wèn)題，也就那二十來(lái)分鐘，哎！人已經(jīng)懶惰成這樣了）。問(wèn)題描述：我們利用ajax做了一套系統(tǒng)，但通過(guò)https訪問(wèn)的時(shí)候，IE總會(huì)彈出下面的對(duì)話框：
而在我們的代碼中所有的訪問(wèn)都是通過(guò)https的，怎么會(huì)有不安全的元素呢？在網(wǎng)上google了一下，有人提到可能是iframe的問(wèn)題。而在我們系統(tǒng)中確實(shí)用到了很多的iframe。修改code，去掉所有的iframe。再次run，上面的對(duì)話框沒(méi)有了，終于找到原因了。但是我們的系統(tǒng)中是需要iframe啊？請(qǐng)看下面的code：
從上面的code，可以看出代碼中沒(méi)有指定src屬性，這樣IE是沒(méi)有辦法知道這個(gè)iframe將引用的是安全內(nèi)容還是不安全內(nèi)容呢。所以會(huì)彈出上面的對(duì)話框。增加src屬性，修改code：
再次run，對(duì)話框沒(méi)有了，問(wèn)題解決。附錄：
在IE下，如果div懸浮在select上面。select會(huì)透過(guò)div顯示出來(lái)。這非常影響視覺(jué)效果。網(wǎng)上有很多的解決辦法，其中一個(gè)就是在div中增加iframe。我們就是通過(guò)這個(gè)方法的，但又產(chǎn)生了這個(gè)問(wèn)題。