css 按钮设置为自定义背景图片
2015-03-25 09:29
330 查看
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,
即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,
就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,
一是直接在按钮中设置,如下:
<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:
background-image\backgroundimage;
另一种方法就是用CSS来设置,实现方法如下:
<style type="text/css">
.submitStyle {background:url(imagpath);border:0px}
</style>
这种方法是比较好的,因为在IE或FF下都能正常显示.
即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,
就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,
一是直接在按钮中设置,如下:
<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:
background-image\backgroundimage;
另一种方法就是用CSS来设置,实现方法如下:
<style type="text/css">
.submitStyle {background:url(imagpath);border:0px}
</style>
这种方法是比较好的,因为在IE或FF下都能正常显示.
相关文章推荐
- 设置按钮背景图片(HTML-CSS)
- 导航条的自定义:背景颜色设置,按钮标题图片设置,图片坐标修改
- 设置按钮背景图片(HTML-CSS)
- 导航条的自定义:背景颜色设置,按钮标题图片设置,图片坐标修改
- moo弹出框 改进版 css外置 背景用图片 大小任意缩放 圆角 插入任意内容 自定义按钮 回车空格esc支持 滚动支持 动画开关
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- css,用一张大图片来设置背景的技术真相
- css 设置全屏背景图片
- CSS 按钮背景图片显示不出,字体无法控制问题
- android中自定义Button,设置不同背景图片。
- (开发篇) 前端开发~ css设置图片背景透明度
- QT中窗口如何隐藏最大话按钮 和设置背景图片
- css,用一张大图片来设置背景的技术真相
- Android之自定义背景Button按钮、自定义形状Button的全攻略、设置字体颜色
- android 读取sd卡(sdcard)图片设置为按钮背景(Button背景设置)代码
- background-position—CSS设置背景图片的位置
- css控制submit加载背景图片做提交按钮
- css圆角背景图片按钮-自适应内容大小
- css圆角背景图片按钮-自适应内容大小
- CSS中背景图片的设置