今日出现个离奇的问题
IE下设置了button 如下css
button{border: none;background-image: url(button_gray_4.gif);}
结果发现IE下按钮始终是系统默认样式，并非我设定的样式。
捣鼓了半天，发现如果这样设
button{border: none;background: url(button_gray_4.gif);}
就又离奇的行了。真是莫名的……
同时也发现，这个跟最开始的dtd声明有关，如果去除了顶部的
，也就有效了。。。无语啊。。。
而如果对button 的border先设一个的话，也会有效：比如
border: 1px;border:none;background-image: url(button_gray_4.gif);
但如果图片不存早的话，表现效果也不相同……
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <style type="text/css" >
- button.btn1{border: none;background-image: url(button_gray_4.gif);}
- button.btn2{border: none;background: url(button_gray_4.gif);}
- button.btn3{border: 1px;border:none;background-image: url(button_gray_4.gif);}
- </style>
- </head>
- <body>
- <button class="btn1">无背景图</button>
- <button class="btn2">有背景图</button>
- <button class="btn3">有背景图</button>
- </body>
- </html>
