css“提交按钮图片背景”的兼容问题

哈喽旺仔 发布于 2012/07/07 21:23
阅读 1K+
收藏 0

          写了一个登陆界面,那个提交按钮的图片背景在IE上没法显示出来,不知道有什么办法?望指教,much thanks!

IE下:

IE下显示

谷歌上显示:

这是按钮css代码:

 

   #submit{
	  position:absolute;
	  left:165px;
	  top:130px;
	  overflow:hidden;
   }
      #submit input{
      background:url('submit.jpg')no-repeat;
      width:100px;
	  height:37px;
	  border-radius:8px;
   }

加载中
0
哈喽旺仔
哈喽旺仔

刚百度了一下:用

background-image:url('submit.jpg');不要加no-repeat,加了显示不了
如果还有其他解法,望赐教~~much thanks

哈喽旺仔
哈喽旺仔
回复 @ljz : 恩恩
Jiazz
Jiazz
回复 @哈喽旺仔 : 也对~~~这个是背景图像不平铺,和显示不显示背景图片半毛钱关系没有 ...
哈喽旺仔
哈喽旺仔
回复 @ljz : 不重复显示?我学到的是这么理解的
Jiazz
Jiazz
回复 @哈喽旺仔 : 你知道 no-repeat 是干嘛用的么?
哈喽旺仔
哈喽旺仔
回复 @ljz : 加了no-repeat图片显示不了~~
下一页
0
五杀联盟
Jiazz
Jiazz
回复 @哈喽旺仔 : 呃~我开始做前端的时候是IE6最普及的一段时间~你说的是IE6之前吧?那个我没研究过~~
哈喽旺仔
哈喽旺仔
回复 @ljz :最原始的代码, 图片上显示不了在IE上,并不兼容所有的浏览器
Jiazz
Jiazz
这代码兼容任何一个浏览器~~~ 和IE几没关系吧~
哈喽旺仔
哈喽旺仔
谷歌安装的IE插件,还有IE6,360浏览器
0
Jiazz
Jiazz
质量很低的代码~呵呵
哈喽旺仔
哈喽旺仔
回复 @ljz : 恩恩
Jiazz
Jiazz
回复 @哈喽旺仔 : ~~最基本的CSS布局~~你先去找一篇入门文章看看...
哈喽旺仔
哈喽旺仔
回复 @ljz : 但是不用position:absolute,在IE下得不到这样的效果(是我不会);谢谢兄台的建议,不知道有没有相关的代码让我参考下,呵呵
Jiazz
Jiazz
回复 @哈喽旺仔 : 这种小范围的布局 不要用position:absolute;分辨率一变你布局就完全变形了~不是所有的电脑分辨率都和你一样的~~
哈喽旺仔
哈喽旺仔
初学者,请兄台赐教~
0
Jiazz
Jiazz
和你说道说道~~~信百度还不如信春哥!!哈哈~background:url('submit.jpg')no-repeat;
~~~no-repeat的前面要有个空格~~这个是背景的简写方式,初学的话不要这么干,用background-image:url('submit.jpg');代码看的更明白点~等知道这是啥东西了你在用简写模式background : background-color || background-image || background-repeat || background-attachment || background-position ;~~~下个CSS手册,我做前端N年了,现在做前端时手册还是必需品。英语差没办法,又懒的去背~哇哈哈!
哈喽旺仔
哈喽旺仔
恩恩~~谢谢你。之前不会,又不知道找谁问,只好问度娘了,往后多看看手册,呵呵
返回顶部
顶部