css中background-color：transparent与opacity：0有什么区别
css中的background-color:transparent;背景色设置为transparent，只会是元素的背景色为透明的，元素里面的其他元素或内容都没有影响；而css中的opacity:0;透明度设置为0，不仅使得元素的背景透明，连其子元素和内容都会变透明。
[create_time]2018-05-10 12:55:13[/create_time]2016-11-16 16:46:35[finished_time]1[reply_count]12[alue_good]匿名用户[uname]https://iknow-base.cdn.bcebos.com/yt/bdsp/icon/anonymous.png?x-bce-process=image/quality,q_80[avatar][slogan]这个人很懒，什么都没留下![intro]2827[view_count]css 中的background:transparent到底是什么意思有什么作用
有时我在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的有段时间没写文章了,一直在学校,虽然带着电脑,但是不能上网啊!最近在用javascript写一个网页版的操作系统,写好了一定发上来,写的过程中遇到很多问题,许多都是细节方面的,很麻烦,不过自己一直在努力解决,也是对自己的一种提高吧.下面我来说一下我最近遇到的一个问题.大家知道,你用createelement新建一个div,默认情况下这个div的style中的backgroungcolor属性是transparent,呵呵,如果我做一个div的蒙板,那么请看下面一段代码:复制代码代码如下:div.style.position="absolute";div.style.width=document.body.clientWidth+"px";div.style.height=document.body.clientHeight+"px";div.style.left="0px";div.style.top="0px";div.style.zIndex="2000";div.style.backgroundColor="black";div.style.filter="alpha(opacity="+0+");";这是很多蒙板div的设置,也就是说屏蔽用户对网页上的其他元素进行操作.我们主要看后面两行代码,前面不是已经说了嘛,div的默认backgroundcolor属性就是transparent,也就是是透明,那么我们干嘛还要多此一举去设置个black(这个无所谓,随便设置个颜色,只要不是transparent就行,也不能是空字符串,浏览器会默认将空字符串看成transparent),并且设置滤镜让他透明呢.我自己动手做了试验,一开始还对试验结果很迷惑,但自己静下来想想便发现了其中的区别,如果我们没有上面代码的后两句,那么我们便可以对蒙板后的元素进行操作,也就是说起不到屏蔽的作用,但是这个操作是有限制的,具体说就是我们只可以对有焦点的元素进行操作,比如文本,图片,按钮等,我举个例子:复制代码代码如下:<div style="border:1px red solid;width:100px;height:100px" onclick="alert(1)"123</div正常情况下,只要你点击这个div的任何位置,都会alert的,但是当它被一个backgroundcolor为transparent的元素遮住的时候,我们只有点击123才会alert,因为文本是可以获得焦点的,同理其他元素也一样.顺便说下,这个backgroundcolor为transparent的元素的事件会对被它遮住的元素所截获.如果我们所触发的对象没有焦点,那么事件会交换给transparent的元素处理并按这个元素进行冒泡,否则有焦点的会事件便由有焦点的那个对象处理,不会交换,并且按有焦点的元素进行冒泡.(貌似不是很好理解,可以自己多做做试验就明白了)设置样式为透明色有时，上文写了复制代码代码如下:background:inherit;那么下文就可能要清除一下背景，就写了复制代码代码如下:background:transparent;透明背景，也就是去掉了被如果一个元素覆盖在另外一个元素之上，而你想显示下面的元素，这时你就需要把上面这个元素的background设置为transparent
[create_time]2012-12-28 15:36:57[/create_time]2013-09-12 05:07:02[finished_time]1[reply_count]0[alue_good]珞3mfe[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.17e42089.C80b4YrcZD1cLl7uK9cveA.jpg?time=3708&tieba_portrait_time=3708[avatar][slogan]这个人很懒，什么都没留下![intro]233[view_count]
CSS background-color的定义和用法
background-color 属性设置元素的背景颜色。background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。transparent 值尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的。 默认值： transparent 继承性： no 版本： CSS1 JavaScript 语法： object.style.backgroundColor=#00FF00 body {background-color:yellow;}h1 {background-color:#00ff00;}p {background-color:rgb(255,0,255);}
[create_time]2016-06-03 03:43:24[/create_time]2016-06-18 01:20:23[finished_time]1[reply_count]0[alue_good]刈风丶038B[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.45530c99.Wq6aa7Q-epXL9RNVnZBmDg.jpg?time=3678&tieba_portrait_time=3678[avatar]超过19用户采纳过TA的回答[slogan]这个人很懒，什么都没留下![intro]107[view_count]HTML语言中,设置背景颜色的代码是？
HTML语言中,设置背景颜色的代码是background-color，语法格式为{background-color：transparent | color}，背景属性的颜色值设定方法可以采用英文单词、十六进制、RGB、HSL、HSLA和GRBA。图为碧色、蓝色、绿色HTML颜色代码表图为绿色、黄色、橙色HTML颜色代码表图为深红色、棕色、深紫色HTML颜色代码表
[create_time]2022-11-16 11:28:16[/create_time]2022-12-01 11:28:16[finished_time]1[reply_count]1[alue_good]信必鑫服务平台[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.3b707489.Pzvh_phCV7cMa9W2PNEYAQ.jpg?time=66&tieba_portrait_time=66[avatar]TA获得超过5.2万个赞[slogan]这个人很懒，什么都没留下![intro]4880[view_count]HTML语言中,设置背景颜色的代码是？
html中设置元素的背景色都是通过CSS中的background 属性来完成。例如，给整个页面（body）设置背景色：body{background: #ddd;}；如果要将图片作为背景色：body{background-image: url(1.jpg);}，其中url括号后面的是背景图片的链接。拓展资料：background 简写属性在一个声明中设置所有的背景属性。background可以设置如下属性：background-color 背景颜色background-position 背景图像的位置background-size 背景图片的尺寸background-repeat 重复背景图像background-origin 背景图片的定位区域background-clip 背景的绘制区域background-attachment 背景图像是否固定或者随着页面的其余部分滚动background-image 背景图像如果不设置其中的某个值，也不会出问题，通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。代码：效果：
[create_time]2022-12-14 16:44:58[/create_time]2022-12-29 16:44:58[finished_time]1[reply_count]0[alue_good]惠企百科[uname]https://pic.rmb.bdstatic.com/bjh/user/343825d09bee196abf9cec8955c23e80.jpeg[avatar]百度认证:北京惠企网络技术有限公司官方账号[slogan]惠企百科网是一家科普类综合网站，关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。[intro]1431[view_count]CSS中的color\background-color有什么区别?
区别：作用不同color用于设置字体颜色，而background-color同于设置背景颜色。实例1、colorbody { color:red; } h1{ color:#00ff00; } p{ color:rgb(0,0,255); }2、background-colorbody{ background-color:yellow;} h1{ background-color:#00ff00; } p { background-color:rgb(255,0,255);}扩展资料background-color范围background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。color范围这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。color参数1、color_name：规定颜色值为颜色名称的背景颜色（比如 red）。 2、hex_number：规定颜色值为十六进制值的背景颜色（比如 #ff0000）。 3、rgb_number：规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。 4、transparent：默认。背景颜色为透明。 5、inherit：规定应该从父元素继承 background-color 属性的设置。
[create_time]2020-04-21 12:56:50[/create_time]2013-04-15 19:42:39[finished_time]9[reply_count]2[alue_good]changyiduU4Q[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.8189de7f.ZNCIqYo6kdg4AkCXtHJH6Q.jpg?time=6935&tieba_portrait_time=6935[avatar]关注我不会让你失望[slogan]这个人很懒，什么都没留下![intro]18448[view_count]Css3——background属性详解
background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。 颜色名称，如： background-color:red ; 十六进制背景色，如： background-color:#f00; ; rgb颜色，这里如果是rgba，a表示透明程度，为0全透明，为1为完全不透明， 如： background-color:rgb(255,0,0.3); ; 特殊值：transparent，透明色： background-color:transparent ; background-image属性用于为一个元素设置一个或多个背景图片，多个背景图片之间以逗号隔开。 一张图片： background-image: url(img/a.jpg); 多张图片： background-image: url(img/a.jpg),url(img/b.jpg); 特殊值：none，不显示背景图像 background-image: none; background-repeat 属性定义背景图像的重复方式。背景图像可以沿着水平轴，垂直轴，两个轴重复，或者根本不重复。 常用的4个值： repeat：水平和垂直方向都重复图像， background-repeat: repeat; repeat-x：水平方向重复图像 repeat-y：垂直方向重复图像 no-repeat：图像不重复 规定背景图像是否固定或者随着页面的其余部分滚动。 scroll：背景图像相对于页面不动，会随着网页的滚动而移动，默认 fixed：背景图像相对于浏览器窗口不动，内容滚动的时候背景图像不动 background-attachment: fixed; 第一个值为横坐标，第二个值为纵坐标。默认值为：(0% 0%)。 如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。 例如： background-position: right； 代表背景图右侧，垂直方向居中的位置。 百分比位置，如：background-position: 20% 20%; 具体像素位置， 如：background-position: 20px 20px; background-size 设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。 单张图片的背景大小可以使用以下三种方法中的一种来规定： 当通过宽度和高度值来设定尺寸时，你可以提供一或者两个数值: 每个值可以是, 是 , 或者 [auto] 。 示例： 为了设定超过一张以上的图片尺寸时，需要提供多项数值，它们通过逗号分隔。 CSS部分 背景图片分辨率为427*640 分别给box的background-size属性添加不同的属性值，会产生不同的效果。 1、长度 ：可以用px、em、rem等指定背景图片大小，不能为负值。 background-clip 裁剪，通常和background-origin一起使用，决定设置元素的背景（背景图片或颜色）是否显示。 注：background-clip只是将背景和背景色粗暴的裁剪。 该属性有四个值 border-box 背景延伸至边框外沿（但是在边框下层）。 background-origin: border-box; background-origin 规定了指定背景图片[ background-image ] 属性的原点位置的背景相对区域. border-box 背景图片的摆放以border区域为参考 padding-box 背景图片的摆放以padding区域为参考 content-box 背景图片的摆放以content区域为参考 样式： 先看一下background-origin属性。 先看一下background-clip属性。 这就印证了background-clip只是将背景和背景色粗暴的裁剪。 好的，以上就是我对background的各个属性的理解，实际应用时可能会有部分出入，我们只需要掌握background-color、background-image、background-repeat、background-position、background-size这几个常用的属性即可。 欢迎大家一起交流，讨论。
[create_time]2022-07-03 19:29:56[/create_time]2022-07-13 03:51:08[finished_time]1[reply_count]0[alue_good]机器1718[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.6a939a71.4689PU8u9VKV47veLOB_JA.jpg?time=738&tieba_portrait_time=738[avatar]TA获得超过5536个赞[slogan]这个人很懒，什么都没留下![intro]46[view_count]CSS中的background和background-color的区别
区别如下：一，background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色 。二，底色(background-color)是纯的色区。背景(background)，可以是纯色也可以是图案。三，background的属性值是图片资源，而background-color的是颜色。扩展资料：常用的CSS属性的英文单词总结及用法、解释：float - 浮动：设置块元素的浮动效果。可选常用到参数left、right 。css width - 宽度：确定盒子本身的宽度，可以使盒子的宽度不依靠它所包含的内容多少。css height - 高度 ：确定盒子本身的高度。css clear - 清除 ：用于清除设置的浮动效果，常用参数both 、left、right。margin - 边距 ：控制围绕边框的边距大小。其中包含4个属性：margin-top控制上边距的宽度。margin-right：控制右边距的宽度。margin-bottom：控制下边距的宽度。margin-left：控制左边距的宽度。padding -内边界：确定围绕块元素的空格填充数量。font-family- css字体：设定时，需考虑浏览器中有无该字体。 font-size - css字体大小：注意度量html单位。 font-weight - css字体粗细-css加粗样式：除了normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。 css font-style-样式：css字型。 css line-height - css行高：行距。font-variant - css变形：可以将正常文字一半尺寸后大写显示。 text-transform - css大小写：这项属性能轻而易举地控制字母大小写。
[create_time]2019-09-13 09:00:27[/create_time]2009-06-15 09:25:19[finished_time]4[reply_count]45[alue_good]你不爱吃烤肉[uname]https://himg.bdimg.com/sys/portrait/item/wise.1.5dd9306c.AwBmZasPl496EU2Z3G0qKg.jpg?time=9297&tieba_portrait_time=9297[avatar]TA获得超过2万个赞[slogan]这个人很懒，什么都没留下![intro]39416[view_count]body 整个空间页面{background-color:#FFFFFF}
本来自己也想写这么一篇文章的，但是偶然间看到了这篇文章，所以就转载了
呵呵
body 整个空间页面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符"|"{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
.stage 内容区域（TAB菜单与版权信息之间的区域）{background:#F3F1F1}
其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}
--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}
--------------------------------------------------------------------------------
模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit {color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}
参考资料：别人的空间 呵呵
[create_time]2007-07-01 14:17:15[/create_time]2007-07-06 22:39:58[finished_time]1[reply_count]13[alue_good]起重机厂家鑫沃[uname]https://gips0.baidu.com/it/u=730932069,3949684094&fm=3012&app=3012&autime=1692360494&size=b200,200[avatar]TA获得超过464个赞[slogan]这个人很懒，什么都没留下![intro]7517[view_count]
怎样用js设置div的背景色
1、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；2、用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。3、写进标签，定义一个变量获取前面定义好的div。4、然后用onmouseover事件，鼠标移动时触发事件，来控制鼠标在div时，背景色变为红色。5、接着用onmouseout事件，鼠标离开元素时触发事件，来控制div背景色变为绿色，如图所示。
[create_time]2022-12-11 21:07:25[/create_time]2022-12-26 21:07:25[finished_time]1[reply_count]1[alue_good]惠企百科[uname]https://pic.rmb.bdstatic.com/bjh/user/343825d09bee196abf9cec8955c23e80.jpeg[avatar]百度认证:北京惠企网络技术有限公司官方账号[slogan]惠企百科网是一家科普类综合网站，关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。[intro]768[view_count]如何设置DIV的背景颜色
可以用“background-color”这个属性设置颜色。1、新建html文档，在body标签中添加一个div标签，为这个div标签设置一个id以方便选取这个元素：2、在head标签内添加style标签，由于div是块级元素，所以需要为div设置宽度和高度，分别用属性“width”和“height”表示，为了演示方便，这里为div设置一个边框：3、给div标签添加背景颜色属性“background-color”，属性值为颜色，这里以红色为例，此时div的背景颜色就设置好了：
[create_time]2022-12-11 21:05:23[/create_time]2022-12-26 21:05:23[finished_time]1[reply_count]0[alue_good]惠企百科[uname]https://pic.rmb.bdstatic.com/bjh/user/343825d09bee196abf9cec8955c23e80.jpeg[avatar]百度认证:北京惠企网络技术有限公司官方账号[slogan]惠企百科网是一家科普类综合网站，关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。[intro]56[view_count]
