相关疑难解决方法(0)

我的打印样式有以下CSS:

* {
 display:none;
}

#printableArea {
 display:block;
}

我希望这可以隐藏所有元素,只显示printableArea,但是一切都被隐藏了.在打印视图中,我得到的只是一个空白页面.

我把它包含在HEAD中,media="print"在这个特定的样式表上.

我有一个css代码,可以使整个页面灰度.

<style type="text/css">
html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
</style>

我现在想在一个不受影响的div中嵌入一个iframe.我搜索了解决方案和fount:not selector.当我在http://www.w3.org/TR/css3-selectors/#negation上参考6.6.7时,我想我已经找到了解决方案,因为即使我把html作为我的css选择器它也可以工作

html|:not(x)

所以我改变了代码,就像上面的代码一样,但没有改变.我担心这个问题是由我的网站设计造成的,所以我决定用最简单的HTML在jsfiddle中编码它们

<div id="abc" class="abc"><font color="red">This should be a normal text.</font></div>
<font color="red">This should be an affected text.</font>

在CSS中

html|*:not(.abc) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%); }

链接:http://jsfiddle.net/4vxyqdye/1/ PS:在之前的版本中,我使用了:not(.abc),但所有元素都变成了灰度.

我在 div 元素中有一个视频播放器。我想禁用除 DIV 之外的所有内容。一种方法是使用灯箱，但我想知道是否可以使用纯 HTML/Javascript 来实现。