我正在尝试从我在css中定义的元素中删除框阴影:
.pagewrap .page { moz-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8);-webkit-box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8);box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.8); }
我使用以下jquery来摆脱盒子阴影,但这似乎不起作用:
$('.pagewrap .page').css({'-webkit-box-shadow' : '', 'moz-box-shadow' : '', 'box-shadow' : ''});
我在这里做错了什么? 感谢。
答案 0 :(得分:8)
$('.pagewrap .page').css({'-webkit-box-shadow' : 'none', '-moz-box-shadow' : 'none', 'box-shadow' : 'none'});
这有效:http://jsfiddle.net/8PV5v/
正如Frédéric指出的那样,moz-box-shadow
应为-moz-box-shadow
- 在您使用它的任何地方替换它。
答案 1 :(得分:2)
试试这个
$(".pagewrap .page").css("box-shadow", "none");