是否可以在xaringan幻灯片中调整背景图像的不透明度？

使用xaringan和R markdown创建演示文稿时，是否可以调整背景图像的不透明度？例如，这里有一个忍者模板，背景是卡尔的幻灯片。我需要做什么来改变这个背景的不透明度

编辑：只是为了澄清，我想能够调整的背景不透明度的个案基础上，而不是为每一个幻灯片背景图像

---
title: "Presentation Ninja"
subtitle: "⚔<br/>with xaringan"
author: "Yihui Xie"
institute: "RStudio, PBC"
date: "2016/12/12 (updated: `r Sys.Date()`)"
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---


background-image: url(`r xaringan:::karl`)
background-position: 50% 50%
class: right, top

# You only live once!

---
标题：“展示忍者”
副标题：“⚔
带xaringan“
作者：《谢一辉》
研究所：“中国人民银行研究院”
日期：“2016/12/12（更新：`r Sys.date（）`）”
输出：
xaringan:：moon_阅读器：
图书馆馆长：图书馆
性质：
highlightStyle:github
highlightLines：对
countIncrementalSlides:false
---
背景图像：url（`r xaringan:：：karl`）
背景职位：50%50%
班级：对，上
#你只活一次！

您需要使用CSS调整包含图像的父元素（a

）的不透明度。只需包含一个定义CSS类的代码块即可方便地调整不透明度，例如

`{css，echo=F}
.减少不透明度{
不透明度：0.5；
}
```

然后将此类应用于幻灯片：

---
background-image: url(`r xaringan:::karl`)
background-position: 50% 50%
class: right, top, reduced_opacity
# You only live once!

---
class: right, top, bg_karl
# You only live once!

但是，这将降低整个幻灯片的不透明度，因为幻灯片上的所有内容都“存在”在此

中。为了避免这种情况，可以将图像包含在一个类中，该类向幻灯片中添加一个伪元素（使用

：：before

），并像这样调整不透明度

`{css，echo=F}
bg_karl先生{
位置：相对位置；
z指数：1；
}
.bg_karl：：在{
内容：“；
背景图像：url（'https://github.com/yihui/xaringan/releases/download/v0.0.2/karl-moustache.jpg');
背景尺寸：封面；
位置：绝对位置；
顶部：0px；
右：0px；
底部：0px；
左：0px；
不透明度：0.5；
z指数：-1；
}
```

然后将

.bg\u karl

添加到幻灯片中：

---
background-image: url(`r xaringan:::karl`)
background-position: 50% 50%
class: right, top, reduced_opacity
# You only live once!

---
class: right, top, bg_karl
# You only live once!

---

尽管

：：before

似乎不能阻止它影响幻灯片上的所有内容，但这是可行的-我使用class:inverse获得了一个白色标题，其中包含我的幻灯片主题，当我添加bg_karl类时，文本变为深灰色。你有没有想过为什么我的标题文本会改变颜色？你是对的，我忘了正确设置

z-index

。这引发了问题。我已经编辑了我的答案@css代码进入哪个文件？它在rmd中。请注意，它包含在css引擎的代码块中。