html背景渐变颜色代码怎么写,html中背景颜色渐变怎么做

　　如果一个div的背景颜色是渐变的，有人用美工剪出不同的彩条，然后用背景图片填充Repeat-X，这里用css控制颜色渐变，但是需要注意的是，这里需要解决浏览的兼容性问题。

　　如何解决写爬虫IP受阻的问题？立即使用。

　　IE浏览器下的渐变背景

　　过滤器：progid:DXImageTransform。Microsoft . gradient(startcolorstr=red，endcolorstr=blue，gradient type=1)；相关说明：

　　上面的过滤器代码有三个主要参数，它们是：startcolorstr、endcolorstr和gradientType。其中gradientType=1表示水平渐变，gradientType=0表示垂直渐变。Startcolorstr="color "表示渐变开始处的颜色，endcolorstr="color "表示渐变结束处的颜色。

　　上面的代码实现了从红色到蓝色的渐变，但是不包含透明度的变化。这是因为IE还不支持不透明属性和RGBA颜色。要实现IE下透明度的变化，还是需要使用IE滤镜。IE的透明滤镜很强大，类似于Firefox或者Safari下css-gradient背景渐变的使用。

　　Firefox浏览器下的渐变背景

　　在Firefox浏览器(Firefox 3.6)中渐变背景的实现，要用到CSS3 gradient属性和-moz-linear-gradient属性，实现效果的实现可以在下面的代码中看到：

　　% @ page language= Java content type= text/html；charset=utf-8

　　页面编码=UTF-8%

　　！DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www . w3 . org/TR/HTML 4/loose . DTD

　　超文本标记语言

　　头

　　style type=text/css 。渐变{

　　宽度：300px

　　高度：150px

　　背景：-moz-linear-gradient(top，red，rgba(0，0，255，0.5))；

　　}

　　/风格

　　/头

　　身体

　　div class=gradient/div

　　/body

　　/htmlchrome浏览器下的渐变背景实现

　　对于webkit核心浏览器，如Chrome/Safari浏览器，渐变背景的实现也使用CSS3渐变方法。css-gradient，确切地说是-webkit-gradient，使用Firefox浏览器，但有一些不同。

　　% @ page language= Java content type= text/html；charset=utf-8

　　页面编码=UTF-8%

　　！DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www . w3 . org/TR/HTML 4/loose . DTD

　　超文本标记语言

　　头

　　style type=text/css 。渐变{

　　宽度：300px

　　高度：150px

　　背景：-webkit-gradient(linear，0 0，0 bottom，from(#ff0000)，to(rgba(0，0，255，0.5))；

　　}

　　/风格

　　/头

　　身体

　　div class=gradient/div

　　/body

　　/html以上是如何编写jsp背景渐变的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。