IE6、7：背景图片的位置是从border内开始的，也就是说包含了padding和content的空间
IE8、FF：背景图片的位置是从border（包括border）开始，包含了border、padding和content的空间
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:script type="text/javascript" src="../js/jquery.pack.js" mce_src="js/jquery.pack.js"><!-- // --></mce:script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>背景测试</title> <mce:style type="text/css"><!-- #box{ width:60px; height:60px; margin:5px; padding:20px; border:dashed 13px; background-image:url(photo.gif) } #inner{ width:100%; height:100%; border:solid 1px; margin:0; padding:0; } --></mce:style><style type="text/css" mce_bogus="1"> #box{ width:60px; height:60px; margin:5px; padding:20px; border:dashed 13px; background-image:url(photo.gif) } #inner{ width:100%; height:100%; border:solid 1px; margin:0; padding:0; }</style> </head> <body> <div id="box"><div id="inner"></div></div> </body> </html>
2482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
