Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 删除图像scr为空时的框阴影_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 删除图像scr为空时的框阴影

Javascript 删除图像scr为空时的框阴影,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在图像源为空时删除框阴影(src=“”)。如何使用javascript实现这一点?我认为最好的方法是在源代码为空时删除该类,但我不知道怎么做。有人知道吗 .property{ 边缘顶部:20px; 左边距:自动; 右边距:自动; 宽度:290px; 高度:200px; 背景大小:100%100%; 边界半径:4px; 文本缩进:100vw;/*在图像为空时删除边框*/ -网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75); -莫兹盒阴影:5px5px0pxRGBA(

我想在图像源为空时删除框阴影(src=“”)。如何使用javascript实现这一点?我认为最好的方法是在源代码为空时删除该类,但我不知道怎么做。有人知道吗

.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}

办公室
仓库

使用属性选择器css
.property[src=”“]

.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}
.property[src=”“]{
-webkit盒阴影:无;
-莫兹盒阴影:无;
盒影:无;
}

办公室
仓库

您可以使用
:not
属性仅影响那些src属性不为空的对象

.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;
}
.属性:不([src=”“]){
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}

办公室
仓库

人们的答案是可以的,但我知道你想用jquery实现这一点,所以请尝试以下方法:

$('.property[src=”“]).css({
“-webkit框阴影”:“无”,
“-moz盒阴影”:“无”,
“框阴影”:“无”
})
.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}

办公室
仓库

您可以做得更简单,
$('.property[src=“”).css({“-webkit-box-shadow:“none”、“-moz-box-shadow:“none”,“box-shadow:“none”})好主意,已编辑。