在Extjs的开发过程中，有时候需要覆盖Extjs组件的默认样式，比如去掉自带的背景效果，使用background-image:url("#")覆盖。但是这种写法会触发一个相应为403的请求。在IE10下测试， background-image:url("about:blank")和 background-image:url("")不都会触发请求。所以在类似应用场景中一定不要使用background-image:url("#")这种写法。
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>空路径对性能的影响</title> <style type="text/css"> .bakimg1 { background-image: url("#"); } .bakimg2 { background-image: url("about:blank"); } .bakimg3 { background-image: url(""); } </style> </head> <body> <article> <h1>空路径对性能的影响</h1> <div class="bakimg1">background-image:url("#")</div> <div class="bakimg2">background-image:url("about:blank")</div> <div class="bakimg3">background-image:url("")</div> <a href="#">href="#"</a> <a href="javascript:void(0)">javascript:void(0)</a> <img src="" /> <img src="img/1.jpg" /> <iframe src="#"></iframe> <iframe src=""></iframe> <iframe src="about:blank"></iframe> </article> </body> </html>
扩展：