大帮帮我看看我的代码出什么问题了，不兼容啊。是html的问题还是css的问题啊，兼容怎么解决。求解答。。

这是我的css代码：.coolbg{border:0px;border-right:1pxsolid#ACACAC;border-bottom:1pxsolid#ACAC... 这是我的css代码：
.coolbg {
border:0px;
border-right: 1px solid #ACACAC;
border-bottom: 1px solid #ACACAC;
background-color: #F1F8B4;
padding:8px;
padding-right:80px;
padding-left:54px;
background: url(tj.png) #EFF7D0;
cursor:pointer;
}
.cool {
border:0px;
border-right: 1px solid #ACACAC;
border-bottom: 1px solid #ACACAC;
background-color: #F1F8B4;
padding:8px;
padding-right:80px;
padding-left:54px;
background: url(cz.png) #EFF7D0;
cursor:pointer;
}

这是html的：
<div align='center' style='height:30px;padding-top:10px;'>
<input type="submit" name="submit" value="" class='coolbg' />　　　　　　
<input type="reset" name="reset" value="" class='cool' />　　　　　　　
</div> 展开





 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

长夜迎月
2015-06-27 · TA获得超过259个赞

知道小有建树答主

回答量：290

采纳率：50%

帮助的人：176万

我也去答题访问个人页

关注

展开全部

没问题啊？你干脆不要用图片作为背景，直接用文字。因为每个浏览器的标准不同，如果要以图片为背景，那么基本上每一款浏览器就要一张图片。

更多追问追答
追问

文字的样式太难看啦
追答

可以设置字体样式。
追问

各个浏览器就不能兼容这这些样式吗？
追答

嘛嘛嘛，基本上不可以吗，不过你可以不同浏览器不同代码即可，用js或专用注释。
追问

我不懂那个😭
追答

css的font-famliy来设置，可以有多个属性。
追问

👊😱我还是上网多搜搜吧，不会用
追答
就像这样子。




追问

😪
追答

诶诶诶？“😪”什么意思啊？
追问


追答

我是用电脑的，网页不支持吧。
追问

快帮我解决问题，你帮我写写兼容代码
追答

是用图片兼容还是字体兼容？
追问

图片的
追答

那发那张图片给我
追问

我手机上没有保存图片啊

www.zzd7.com/templets/daoqi/liuyan/tj.png

cz.png
追答

background:url(图片位置) no-repeat;
	background-size:cover;
加入这个就行了
追问

加了也不行

肿么办
追答
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
.coolbg {
  border:0px;
  border-right: 1px solid #ACACAC;
  border-bottom: 1px solid #ACACAC;
  background-color: #F1F8B4;
  padding:8px;
  padding-right:80px;
  padding-left:54px;
  background: url(http://www.zzd7.com/templets/daoqi/liuyan/tj.png) no-repeat;
  background-size:cover;
  cursor:pointer;
}
.cool {
  border:0px;
  border-right: 1px solid #ACACAC;
  border-bottom: 1px solid #ACACAC;
  background-color: #F1F8B4;
  padding:8px;
  padding-right:80px;
  padding-left:54px;
  background: url(http://www.zzd7.com/templets/daoqi/liuyan/cz.png) no-repeat;
  background-size:cover;
  cursor:pointer;
}
</style>
</head>
<body>
<div align='center' style='height:30px;padding-top:10px;'>
   
<input type="submit" name="submit" value="" class='coolbg' />　　　　　　
   
<input type="reset" name="reset" value="" class='cool' />　　　　　　　
   
</div>
</body>
</html>自己看一下可不可以了。在火狐测试ok，IE。。。不知为什么连不上网络，嘛，也差不多的啦。
追问

试过了，火狐正常了，ie还是不正常，怎么弄啊大神
追答
你的是ie几？我的是ie11，很正常。ie9以上支持，以下就毁了。。。
.coolbg {
/*在.coolbg中增加这段代码，超出字数范围，只能酱紫了*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zzd7.com/templets/daoqi/liuyan/tj.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zzd7.com/templets/daoqi/liuyan/tj.png', sizingMethod='scale')";
}
.cool {
/*在.cool中增加这段代码，超出字数范围，只能酱紫了*/
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zzd7.com/templets/daoqi/liuyan/cz.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zzd7.com/templets/daoqi/liuyan/cz.png', sizingMethod='scale')";
}呐，最多这样子了，ie7以下不兼容（不包括ie7），ie6就是神！！！完全没效！！！不过，你可以设置宽和高，为什么为是用padding设置！！！我醉了。。。
追问

哭死，居然这样。我把边框设置成透明的了，虽然前台看不到了，但是鼠标能点到。。。
追答

解决木有？
追问

解决啦，不用class属性

直接在里输入图片路径

已经解决了，谢谢你咯

本回答由提问者推荐

已赞过 已踩过<

评论收起

匿名用户
2015-06-27

展开全部

要定义宽和高 width: 100px 什么的

追问

求细说

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

大帮帮我看看我的代码出什么问题了，不兼容啊。是html的问题还是css的问题啊，兼容怎么解决。求解答。。

其他类似问题

为你推荐：