2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
id: 587d781c367417b2b2512abf
|
2020-12-16 00:37:30 -07:00
|
|
|
title: 降低元素的 opactiy
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 0
|
2020-02-11 15:46:34 +08:00
|
|
|
videoUrl: 'https://scrimba.com/c/c7aKqu4'
|
|
|
|
|
forumTopicId: 301055
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
CSS 里的 `opacity` 属性用来设置元素的透明度。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
<blockquote>值 1 代表完全不透明。<br>值 0.5 代表半透明。<br>值 0 代表完全透明。</blockquote>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
透明度会应用到元素内的所有内容，不论是图片，还是文本，或是背景色。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
使用 `links` class 选择所有的超链接并设置其 `opacity` 值为 0.7。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
你应该使用 `links` class 选择所有的超链接并设置其 `opacity` 值为 0.7。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
|
assert(
|
|
|
|
|
/\.links\s*{([\s\S]*?;)*\s*opacity\s*:\s*0*\.70*\s*(;[\s\S]*?|\s*)}/.test(
|
|
|
|
|
$('style').text()
|
|
|
|
|
)
|
|
|
|
|
);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
2020-02-11 15:46:34 +08:00
|
|
|
|
