1

显然，实际上不能注释掉代码，但是，如何从 JavaScript 中使下面的 CSS 看起来好像被注释掉了？之后如何取消注释？

.box:hover div.innercontent {

    -webkit-transform: perspective(3000) translateZ(200px);

    -moz-transform: scale(1.1);
    -moz-perspective: 3000px;

    transform: perspective(3000) translateZ(200px) ;
    z-index: 90;

    box-shadow:0 0 35px 5px black;
}

.box:hover div.innerlabel {

    -webkit-transform: perspective(500) rotateX(5deg) translateZ(60px);

    -moz-transform: rotateX(5deg) scale(1.1);
    -moz-perspective: 500px;

    transform: perspective(500) rotateX(5deg) translateZ(60px);

    box-shadow:0 0 20px 8px white; 
    z-index: 100;
}

.box:hover div.labelwrapper {

    z-index: 100;
}

谢谢

4

4 回答 4

3

从元素中删除 css 类。

您可以使用jQuery或其他 stackoverflow问题来完成此操作。

于 2012-10-12T15:11:32.997 回答
3

如果 CSS 构成了 CSS 文件的整体，您可以disabled在元素上设置属性<link/>以禁用其中定义的所有样式。这可能是最简单的方法，尤其是在处理:hover样式时。

于 2012-10-12T15:11:36.807 回答
0

我将向您展示如何做一个，您可以对其他人使用相同的技术：

$(".innercontent")
   .addClass('.innercontent-dummy')
   .removeClass('.innercontent');

然后恢复

$(".innercontent-dummy")
  .addClass('.innercontent')
  .removeClass('.innercontent-dummy');

'dummy' 类不必有任何格式；如果要恢复原始类，只需将其作为占位符即可查找元素。

于 2012-10-12T15:14:20.873 回答
0

我使用修饰符类，如“活动”来切换元素的开关状态。Bootstrap也使用菜单和其他元素来做到这一点。

例如：

CSS：

.box.active:hover div.innercontent {
    -webkit-transform: perspective(3000) translateZ(200px);
    -moz-transform: scale(1.1);
    -moz-perspective: 3000px;
    transform: perspective(3000) translateZ(200px) ;
    z-index: 90;
    box-shadow:0 0 35px 5px black;
}
.box.active:hover div.innerlabel {
    -webkit-transform: perspective(500) rotateX(5deg) translateZ(60px);
    -moz-transform: rotateX(5deg) scale(1.1);
    -moz-perspective: 500px;
    transform: perspective(500) rotateX(5deg) translateZ(60px);
    box-shadow:0 0 20px 8px white; 
    z-index: 100;
}
.box.active:hover div.labelwrapper {
    z-index: 100;
}

JavaScript：

$('.box').toggleClass('active');
于 2012-10-12T15:16:32.443 回答