互聯網資源管理器的CSS問題 - 我的滑塊發瘋

我目前正在建設一個網站。互聯網資源管理器的CSS問題 - 我的滑塊發瘋

而Internet Explorer正在驅動我NUTS。

我在網站上有2個滑塊，當他們在Internet Explorer中瀏覽時他們都瘋了。

Firefox/Chrome沒問題 - 但沒有瀏覽器。

有關如何解決此問題的任何提示？

該網頁 http://makeitweb.se/

來源

2012-03-02 Fruxelot

你可能想檢查CSS不一致。 – Joseph 2012-03-02 11:39:25

什麼版本的IE？在IE 9上看起來很好。你認爲「瘋狂」是什麼意思？ – talereader 2012-03-02 11:48:04

talereader：所有div只是堆疊在彼此。 – Fruxelot 2012-03-02 11:49:42

好的，據我所看到的，在IE 7行爲不端的唯一元件是在用於通過所述滑塊頁面導航每個滑塊底部的尋呼機（小藍點）。這是因爲點是<li>元素，樣式爲display: inline-block，IE 7不支持它。它用於居中<li>元素。你需要在IE 7

解決類似的問題的快速容易的，但髒解決將是加入的style.css 2類的定義，即覆蓋實際課程只針對IE 7.您可以添加此在頁面中作爲內聯css樣式，之後包含style.css文件。

<!--[if lte IE 7]> 
<style type="text/css"> 
.bx-pager { 
    display: block; width: 80px; margin-left: 400px; 
} 
div.bx-pager li { 
    display: inline; float: left; 
} 
</style> 
<![endif]-->

爲什麼這很髒？因爲如果滾動條框的數量會發生變化，您還需要更改width: 80px部分和margin-left: 400px。沒有自動居中完成，這是一個固定的餘量。現在

，爲了正確地做到這一點，另一種方法是修改bxSlider.js代碼添加另一個<div>周圍尋呼機的<li>元素和風格的div（margin: auto）得到它處於中心現有的父分區（目前獲得類.bx-pager）。

我希望這會有所幫助。

來源

2012-03-02 12:59:40 talereader

感謝萬次的人 - 你讓我的一天！有一個愉快的週末！ – Fruxelot 2012-03-02 13:10:33

互聯網資源管理器的CSS問題 - 我的滑塊發瘋

回答

相關問題