IE8 不顯示帶有浮點數的 div

Question

我創建了一個文章查看頁面，該頁面適用於除 IE8 之外的所有瀏覽器-...如果這不是專門針對使用機器的 IE，那還可以...最糟糕的是，我實際上在一個點，但是當我在桌子底下弄亂一些電纜時，我有點丟失了所有工作，我真的應該保存

下面是我希望它在所有瀏覽器中看起來的樣子（到目前為止，除了 IE 之外，它只看起來像這樣）

這就是它在 IE 上的樣子......

這是當前的 CSS，我看不到任何想到的東西

div.GalleryColumn {display: inline; height: 320px; width: 95%; overflow: auto; display: inline;}

div.GalleryColumn.ColumnContent {width: 65%; max-height: 320px; margin-top: 25px; }
div.GalleryColumn.ColumnContent:nth-child(odd) {float: right;}
div.GalleryColumn.ColumnContent:nth-child(even) {float: left;  text-align: right;}

div.GalleryColumn.ColumnImage {width: 25%; height: 320px; margin-top: 25px;}
div.GalleryColumn.ColumnImage:nth-child(odd) {
    float: left;
    margin-left: 50px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
}
div.GalleryColumn.ColumnImage:nth-child(even) {
    float: right;
    margin-right: 50px;
    -webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.56);
}

我不知道這些是否有幫助，我只是很困惑，因為我曾經讓它工作過，但現在我完全忘記了如何修復它

Answer 1

似乎 IE8 不支持 nth-child 偽類，所以這可能是你的問題。

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

將 .left 和 .right 類添加到單個元素是否可行？

Answer 2

div.GalleryColumn.ColumnContent {float: left; width: 65%; max-height: 320px; margin-top: 25px; }

div.GalleryColumn.ColumnImage {float: right; width: 25%; height: 320px; margin-top: 25px;}

我上次就是這樣吃的！ 由於 IE8 不支持 :nth-child() [感謝@Turi 的提醒] 我只是默認在一側顯示文本，另一側顯示圖像。 如果他們使用 IE8，他們可能無論如何都不想看到“有趣”的交替文本/圖像......

所以現在IE8看起來像這樣，而其他人仍然交替