在div中設定背景色:當border寬度很大時就要考慮一個問題,那就是背景的作用範圍,是包括邊框呢?還是不包括呢?很明顯,又到瀏覽器產生分歧的時候了。
在IE中背景色的作用範圍為:content+padding。而谷歌,火狐為content+padding+border。很明顯,IE中的背景色範圍是“侷限”在邊框內的,而谷歌,火狐則包括邊框。
如程式碼:
<html> <head> <title></title> <style> div{ width: 200px; height: 200px; background: red; border:10px dashed blue; } </style> </head> <body> <div></div> </body> </html>效果圖示:IE中
Chrome,Firefox中