设置按钮背景图片(HTML-CSS)
2011-11-03 14:53
453 查看
设置按钮背景图片(HTML-CSS)
转自:http://hanxin0311.iteye.com/blog/418573很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用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下都能正常显示.
相关文章推荐
- 设置按钮背景图片(HTML-CSS)
- html设置按钮背景颜色与背景图片一样,即设置按钮背景透明
- 关于设置背景图片的透明度(html+css)
- HTML中通过CSS设置背景图片自适应浏览器大小
- css 按钮设置为自定义背景图片
- CSS设置html网页背景图片 CSS设置网页背景颜色
- Bootstrap css背景图片的设置
- css设置背景图片模糊,内容不模糊
- js+css 设置图片或背景透明
- ios设置按钮点击时的文字和图片(而非非背景)
- $设置背景图片的css
- java工程里CSS背景图片路径设置
- input 提交表单按钮 背景图片的完美设置
- css设置背景图片自适应
- css,用一张大图片来设置背景的技术真相
- ios设置导航栏背景图片、返回按钮背景、标题颜色等等
- Html设置网页背景图片
- HTML+CSS实现合并图片的切割显示以及背景渲染
- css背景设置,让套图中某张图片居中显示的例子
- 按钮图片背景设置方法