当前位置：首页 → 问答吧 → 关于button各类不兼容求解

关于button各类不兼容求解

时间：2011-09-02

来源：互联网

新手，为什么用button做出来的按钮是这样的，而且IE和火狐也不一样，

,求助，谢谢.PS:按钮为圆角，图还没学会发上来
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}

.buBtn{height:23px;background:url(button.gif) right -23px;line-height:23px;color:#fff; position:relative; padding:0 10px;border:0}
.buBtn em{ height:23px; width:9px; display:block; position:absolute;left:0; top:0; background:url(button.gif) 0 0;}

</style>
</head>

<body>
<div style="width:500px;margin:0 auto;"><button class="buBtn" type="submit"><em></em>发布</button></div>
</body>
</html>

作者: 1751982955 发布时间: 2011-09-02

帮楼主运行起来看看

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{margin:0;padding:0;} .buBtn{height:23px;background:url(button.gif) right -23px;line-height:23px;color:#fff; position:relative; padding:0 10px;border:0} .buBtn em{ height:23px; width:9px; display:block; position:absolute;left:0; top:0; background:url(button.gif) 0 0;} </style> </head> <body> <div style="width:500px;margin:0 auto;"><button class="buBtn" type="submit"><em></em>发布</button></div> </body> </html>
提示：您可以先修改部分代码再运行

作者: fuguojian1988 发布时间: 2011-09-05

关于button各类不兼容求解

热门阅读

热门下载