小编Qwe*_*Qwe的帖子

将不透明度应用于背景图像但不应用于文本

我的问题是当我让我的照片变暗时,课堂上的文字.text也会变暗,我不知道如何避免这种情况.

我知道一个解决方案:制作.wrap position:absolute和课程.text制作不在,image但这个解决方案不适合我(像这样).

还有其他想法吗?

这是我的代码:

.wrap {
  width: 100%;
  background: #000 none repeat scroll 0% 0%;
}
.image {
  background-image: url("https://pbs.twimg.com/profile_banners/1550273796/1372363601/1500x500");
  background-size: cover;
  opacity: 0.8;
  height: 100vh;
  max-height: 350px;
  min-height: 200px;
}
.text {
  color: #FFF;
  font-weight: 900;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrap">
  <div class="image">
    <div class="text">
      <p>I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I LOVE YOU I …
Run Code Online (Sandbox Code Playgroud)

html css opacity

10
推荐指数
1
解决办法
3万
查看次数

比较两个对象中存在的属性

我有两个对象:

var a = {
  world: 'Mamba',
  planet: 'Oliver'
}

var b = {
  world: 'Koko'
}
Run Code Online (Sandbox Code Playgroud)

如何只比较两个对象中存在的属性?在我的例子中,它将是属性"世界".

javascript object underscore.js

1
推荐指数
1
解决办法
141
查看次数

标签 统计

css ×1

html ×1

javascript ×1

object ×1

opacity ×1

underscore.js ×1