在 Reveal.js 中更改背景图像样式
Changing the background-image style in Reveal.js
我正在尝试访问 reval 中背景图像的样式.js原因有三
:a) 我想在概览模式下覆盖背景图像b)我想用CSS模糊一些背景
我找到了两篇关于SO的文章,对我有帮助:
a) 如何在显示.js中定位背景图像?b) 揭示.js背景颜色选择
但是我一定错过了一些东西,所以我创建了这个jsFiddle来演示这个问题:http://jsfiddle.net/dirkk0/asya4grv/
html.thisState .state-background {
/* background image is NOT changed, but the backgroundcolor changes */
background-color: rgba(0, 0, 0, 0.8);
background-image: url('http://pngimg.com/upload/small/key_PNG1180.png');
}
你可以看到突然有两个背景图像。我做错了什么?
谢谢 匕首
你必须覆盖".backgrounds"类而不是".state-background"。背景图像不会放置在".slides"中。这就是为什么您的CSS代码不会模糊背景图像的原因。
.backgrounds {
-webkit-filter: blur(5px);
-moz-filter: blur(50px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 修复选择菜单时的背景图像
- 使用css()设置背景图像;不起作用
- 鼠标悬停时如何居中放大背景图像
- 强制谷歌为javascript背景图像编制索引
- 淡入不带HTML的背景图像
- 具有淡入淡出效果的全背景图像
- 未加载随机背景图像
- 背景图像前显示Javascript警报
- javascript背景图像位置循环
- CSS动画背景图像的过渡越来越暗
- "Ken Burns效应”;悬停背景图像
- 通过ID JavaScript显示随机背景图像
- JavaScript背景图像
- 带有图像和背景图像的ClipTo