本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下:

这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:background-image\backgroundimage;

另一种方法就是用CSS来设置,实现方法如下:

.submitStyle {background:url(imagpath);border:0px}

这种方法是比较好的,因为在IE或FF下都能正常显示.

以上就是对css设置背景图片如何实现?(代码实例)的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。

php设置背景图片的代码,css设置背景图片如何实现?(代码实例)相关推荐

  1. html背景图片只显示一张图片,img只显示图片一部分 或 css设置背景图片只显示图片指定区域(示例代码)...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  2. html如何把图片在背景图一半,img只显示图片一部分 或 css设置背景图片只显示图片指定区域...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  3. css 设置背景图一半_img只显示图片一部分 或 css设置背景图片只显示图片指定区域...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  4. CSS背景图片定位(background-position,css sprit,背景定位,background-imag

    CSS背景图片定位(background-position,css sprit,背景定位,background-imag 标签: 杂谈 分类: css 在CSS中,背景图片的定位方位有3种: 1)关键 ...

  5. css设置四个圆角,css怎么设置4个圆角?css设置4个圆角方法

    div如何设置css圆角边框?css设置4个圆角方法有哪些?这对于刚刚入门的css新手,比较陌生,那么css怎么设置4个圆角?下面我们来看一下css设置4个圆角方法.[推荐学习:CSS3教程] CSS ...

  6. html根据菜单角色配置菜单代码,CSS设置列表样式和创建导航菜单实现代码

    一.设置列表的符号 list-style-type: 属性://设置列表样式 list-style-type: none; //清楚样式 属性有很多可以自己去试:circle,disc,decimal ...

  7. html中怎么设置图片平铺,css怎么把图片平铺?

    在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面. 下面我们来看一下使用css设置图片 ...

  8. html 设置图片显示比例,css怎么实现图片在页面上以相同等比例显示缩放?(示例)...

    在我们浏览页面时或者实际工作中,偶尔会遇到图片缩放的问题.那么本篇文章就给大家介绍关于css 图片等比例缩放即css图片等比例显示的问题.希望对有需要的朋友有所帮助. css图片等比例显示具体代码示例 ...

  9. php设置背景为透明,css如何设置背景颜色透明?css设置背景颜色透明度的两种方法介绍...

    在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...

最新文章

  1. debian php mysql 包_Linux+Varnish+Apache+MySQL+PHP一键包For Ubuntu/Debian
  2. Codeforces Round #641 (Div. 2)A~E题解(数论场)
  3. 【Netty】使用 Netty 开发 HTTP 服务器
  4. 数组与字符串三(Cocos2d-x 3.x _Array容器)
  5. 【OpenCV3】几何图形(直线、矩形、圆、椭圆、多边形等)绘制
  6. JavaScript(五)——错误处理
  7. vs code .lua.txt 后缀文件识别为lua的配置
  8. zynq文档阅读之GPIO的中断
  9. chrome浏览器插件--让你的谷歌浏览器舒适度提升1800%的插件(程序员推荐)
  10. Arduino入门教程(二) Unity动感单车
  11. MP3音频文件转换成caf格式
  12. 小波神经网络的基本原理,小波神经网络什么意思
  13. 十二栋发布新品牌BC12 能否成衍生品市场黑马?
  14. django 过滤器-查询集-比较运算符-FQ对象-mysql的命令窗口
  15. [RK3288][Android6.0] 用户空间对音频寄存器的控制
  16. 计算机无法显示输入字体,电脑中ps输入字体不显示是怎么回事
  17. Java随笔记 - 实现一个自定义的BitMap
  18. linux系统测试屏幕,RedHat Linux 9.0 操作系统测试题2
  19. 小米9.0系统设备(亲测有效)激活xposed框架的步骤
  20. Keras学习笔记11——keras.applications

热门文章

  1. 用Selenium 爬虫下载文件,解除Chrome 下载警告 (Keep or Discard),设置下载目录的方法
  2. 获取Android studio 中的模拟器的界面的点的坐标(Ubuntu)
  3. python序列数据类型_python 数据类型 序列——列表
  4. python投掷骰子实验_Python小程序--模拟掷骰子
  5. 接口测试用例设计思路_用了Swagger2后,接口设计文档,测试用例都不用自己写了,爽...
  6. 24 式加速你的 Python
  7. BiB: 电子科大邹权组构建基于肠道菌群平衡的疾病预测模型及微生物生物标志物发掘平台...
  8. Nature子刊:提高作物产量?农作物微生物组是关键
  9. JCP:曝气生物滤池处理焦化废水过程中N2O和NO的产生机理与群落功能研究
  10. 岛国科普第2弹-再造人类生命的神奇细胞Human.Life.Our.Amazing.Cell