2012-06-26 34 views
2

我有一個項目列表,比如一個菜單,其中當前項目有一個背景圖像,類似於一個大指針。這個背景圖像指針的東西應該跳過它所包含的div的邊界框。這裏是它如何出現在Chrome和FF,這是因爲我希望它出現的截圖:想要DIV背景在IE中父DIV外展開

enter image description here

我已經建立了與代碼的jsfiddle,減去背景形象的事,我可以不要在任何地方上傳它。但我已經設置背景顏色,所以你可以看到我指的是

的代碼如下:http://jsfiddle.net/V8TNm/在Chrome和FF

因此,當前項目的黃色背景將延伸過去的灰色漸變框。但在IE9中,它被切斷了。

任何想法爲什麼,以及一個簡單的修復可能是什麼?

回答

1

只需添加位置:相對。

#nav_mod_list div.current { 
position: relative; 
} 

http://jsfiddle.net/V8TNm/3/

+0

那麼,這是否意味着我們仍然需要擔心IE9上的'hasLayout'? – bfavaretto

+0

@bfavaretto我想我們做... – Connor

+0

哇。 Muchos,muchos gracias。 –

0

選擇器#nav_mod_list div.current具有210px的寬度以及填充和餘量,其中作爲容器是200px。將210更改爲200並刪除邊距和填充。

編輯:

你也可以只刪除width財產共有。這樣它將簡單地擴展容器的寬度。