关于background和backgroundColor

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于background和backgroundColor相关的知识,希望对你有一定的参考价值。

for(var i=0;i<as.length;i++){
as[i].onmouseover=function(){this.style.backgroundColor=‘grey‘;}
as[i].onmouseout=function(){this.style.backgroundColor=‘‘;}
as[i].onclick=function(){
cite.innerhtml=this.innerHTML;
}
}

简单的鼠标移入,改变背景颜色。

但是要注意:

如果使用background,设置为none和空都没有关系。

如果使用背景颜色backgroundColor,当想让鼠标移开是回复颜色就一定不要写成this.style.backgroundColor=‘none‘;

因为backgroundColor没有none这个颜色!!!

虽然看起来简单,可是发现这个原因的时候还是(╯﹏╰)b

//一拖再拖的博客终于开工了,慢慢把之前的知识点做一些总结。我也开始尝试啦( ̄▽ ̄)~*

以上是关于关于background和backgroundColor的主要内容,如果未能解决你的问题,请参考以下文章

关于固定背景图片的方法

关于c3背景图background-origin和backgroud-clip属性的梳理

关于CSS中background样式的repeat和no-repeat的坐标问题

关于background-size的一些认识

关于background-size 的一点小坑

关于自定义checkbox-radio标签的样式的方法(label 和 background-position理解)