小编לבנ*_*לכה的帖子

我有一个简单的布局,包括三个全高div和一个固定的标题栏.

body,html {
  padding:0;
  margin:0;
}

.header {
  position:fixed;
  width:100%;
  height:50px;
  color:white;
  margin:20px;
}

.section1 {
  background:black;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color:white;
}

.section2 {
  background:white;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section3 {
  background:black;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color:white;
}

<div class="header">
  Header Content
</div>
<div class="wrapper">
  <div class="section1">
    Section One Content
  </div>
  <div class="section2">
    Section Two Content
  </div>
  <div class="section3">
    Section Three Content
  </div>
</div>

我试图使标题栏文本颜色更改为黑色,当它滚动具有白色背景的部分.

我已经看到了几个jQuery插件应该可以实现这一点,但我试图避免任何不必要的脚本.

CSS mix-blend-mode功能是否允许我实现这一目标？有没有人有一个例子,他们可以指出我实现类似的东西？

我尝试模糊 SVG 剪辑路径，但没有成功。我尝试了不同的解决方案，但没有一个有效。我不确定除了 之外是否还有其他解决方案filter。

伪代码

• SVG 剪辑路径应显示下面的文本
• SVG 的边缘应该模糊

先感谢您。

超文本标记语言

    .wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
    
    .h1, blur {
      width: 100vw;
      height: 100vh;
    }
    
    .h1 {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      font-size: 4em;
      clip-path: url(#svgPath);
      background-color: blue;
    }
    
    .blur {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      font-size: 4em;
      color: blue;
      background-color: white;
      filter: blur(8px)
    }

<div class="wrapper">
      <h1 class="blur">
        Our principles inform everything …

我收到错误

"'指数数组的边界之外"

string Open = array[0].ToString();数组为空时在此行上.

我使用"if"语句来查看当数组为空时它是否可以被旁路.

但是,为什么我仍然会收到此错误？我该如何绕过/修复它？

if (array != null || array.Length != 0)
                {
                    int c = array.Count();
                    string Open = array[0].ToString(); <--- ERROR
                }

我的目的是在我的 Angular 项目上安装来自 Jonathan Suh的Hamburger CSS。

我使用npm i --s hamburgerswhich 成功添加了包。我还将其 CSS 文件添加到我的 angular.json 文件中。

当我尝试使用下面的代码添加汉堡包时，正在显示汉堡包，但无法点击。这是为什么？

<button class="hamburger hamburger--collapse" type="button">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
    </span>
  </button>

如果父元素具有特定的类,我想有条件地赋值.经验:

HTML

<div class="parent">
    <div class="child">Some Text</div>
</div>

CSS

.child {
    font-size: 16px;
}

但如果父元素有一个名为"大"的类

HTML

<div class="parent big">
    <div class="child">Some Text</div>
</div>

我想改变价值如下

CSS

.child {
    font-size: 20px;
}

例如如下:

.child {
  font-size: parent.hasClass('big') ? 20px : 16px;
}

我怎样才能在SASS中做到这一点？

如果有人可以帮助我解决这个问题。我无法在react.js 中向导航栏添加背景图像，如果有人可以帮助我，我将不胜感激。

import React, { Component } from 'react';
import Navbar from './Navbar';
import './navbar.css';

    class App extends Component {
  render() {
    return (
      <div className="logo">

      <div>
        <Navbar/>
      </div>


      </div>
    );
  }
}

export default App;

<--Style--!>
.logo{

    background-image: url('./header.jpg');

}