Question

如何用js或jquery判断html元素是否设置了背景样式

经过测试，假如body没有设置背景，控制台输入$("body").css("background")
chrome中返回"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box";
IE中返回""
问题是：如何用一个统一的方法来判断呢元素是否使用了背景样式？
请别告诉我：
if($("body").css("background")=="" || $("body").css("background")="rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box"){
//没有背景样式
}
else{
//有背景样式
}

Answer 1

IE8 background 即时你写了颜色他也是undefined
background-color 颜色值 transparent

火狐 background 即时你写了颜色他也无法获取
background-color rgb格式 transparent

谷歌 background rgba(255, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
background-color rgb格式 rgba(0, 0, 0, 0)

还有background 不光可以写颜色，还可以写图片加颜色等，如果你只是按他们的默认值来判读是否有颜色的话，我感觉行不通，如果background :后面跟的是图片，jqury能获得值不是默认值，那你怎么判读他是否有背景色

不过也不是行不通的还有一个办法就是写一个方法把所有的颜色都转化为16进制
这个方法要具备这些功能
1、他能认识颜色值是英文名还是rgb格式的
2、把不是颜色多余的部分去掉 如"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box“要截取成rgba(0, 0, 0, 0)

这个方法只能用在background-color上
因为IE、火狐取不到background-color的颜色值，即时你设置了

Answer 2

这种场景哪里会用到？
有没有设背景，自己知道呀。网页就是自己做的。所以直接检索你要检索的地方就好了。

Answer 3

你这个其实就写两套css就行了，一套对应IE，一套对应Chrome

Answer 4

就用上面这个方法挺好的，能解决问题就是好方法