主页 / user-334542

Андрей's questions

Martin Hope
Андрей
Asked: 2020-07-15 02:22:59 +0000 UTC
  • 1

有一些功能

switch (icons)
    case "car"
return iconset.car
    case "phone"
return iconset.phone
    case "app"
return iconset.app

在 iconset 对象中会有相当多的图标。怎样才能简化这个功能而不需要通过switch的所有选项，其实你需要做return iconset.icons，其中想要的值在icons变量中，我在概念层面不明白怎么做这个

javascript
Martin Hope
Андрей
Asked: 2020-03-10 21:35:33 +0000 UTC
  • 0

需要所有看起来像这样的请求：

домен/wp-content/cache/all/что-угодно/index.html

重定向到：

домен/что-угодно/

也就是说，您需要在域之后/wp-content/cache/all/和末尾进行切割index.html

添加了这个

RewriteRule ^wp-content/cache/all/(.*)$ //$1 [L,R=301]

我不明白如何添加另一个删除 index.html

.htaccess
Martin Hope
Андрей
Asked: 2020-02-08 01:50:52 +0000 UTC
  • 2

在大屏幕上，菜单和语言必须紧贴右边缘，这样就可以了。但是当窗口缩小时，语言\u200b\u200bis的块总是一样大小，溢出时菜单被切断。似乎溢出根本不起作用。

.container {
  display: flex;
}

.header-logo {
  border: 1px solid red;
  width: 200px;
  height: 87px;
  display: flex;
  margin-right: 85px;
}

.header-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
}

.header-content-menu {
  display: flex;
  flex-basis: 100%;
  justify-content: flex-end;
}

.header-content-menu {
  padding-bottom: 7px;
}

nav {
  width: 100%;
}

nav ul {
  display: flex;
  justify-content: space-between;
  padding-left: 32px;
}

nav a {
  font-weight: 700;
  white-space: nowrap;
}

.header-content-language {
  margin-left: 20px;
  display: flex;
}

.header-content-language a {
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 0.938em;
}

.current-language {
  font-weight: 700;
}

@media (max-width: 1000px) {
  nav {
    overflow: hidden;
  }
  nav ul {
    justify-content: flex-start;
    overflow: hidden;
  }
  nav ul li {
    margin-right: 10px;
  }
  nav ul::after {
    content: "...";
  }
}
<div class="container">
        <div class="header-logo">
        </div>
        <div class="header-content">
          <div class="header-content-menu">
            <nav>
              <ul>
                <li><a href="#">Линк1</a></li>
                <li><a href="#">Линк2</a></li>
                <li><a href="#">Линк3</a></li>
                <li><a href="#">Линк4</a></li>
                <li><a href="#">Линк5</a></li>
                <li><a href="#">Линк6</a></li>
              </ul>
            </nav>
            <div class="header-content-language">
              <a class="current-language" href="#">ru</a>
              <a href="#">ua</a>
            </div>
          </div>
        </div>
      </div>

html
Martin Hope
Андрей
Asked: 2020-12-22 21:52:48 +0000 UTC
  • 1

有一页长块。在右侧导航中，当您单击某个项目时，页面会滚动到块的开头，并且导航项目将变为活动状态。如果用户将页面滚动到此块，如何使该项目也变为活动状态。考虑到块的高度不是一个选项，它们很长，分别带有延迟加载图像，滚动时，它们的高度会发生变化。

body {
  margin: 0;
  padding: 0;
}
.block1 {
  width: 100%;
  min-height: 100vh;
  background-color: aquamarine;
}
.block2 {
  width: 100%;
  min-height: 100vh;
  background-color: chocolate;
}
.block3 {
  width: 100%;
  min-height: 100vh;
  background-color: blueviolet;
}
.block4 {
  width: 100%;
  min-height: 100vh;
  background-color: cadetblue;
}
ul {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <section id="b1" class="block1"></section>
    <section id="b2" class="block2"></section>
    <section id="b3" class="block3"></section>
    <section id="b4" class="block4"></section>
    <ul>
      <li><a href="#b1">block 1</a></li>
      <li><a href="#b2">block 2</a></li>
      <li><a href="#b3">block 3</a></li>
      <li><a href="#b4">block 4</a></li>
    </ul>
  </body>
</html>

javascript
Martin Hope
Андрей
Asked: 2020-08-27 21:47:55 +0000 UTC
  • 1

有这个代码：

.col {
  margin-left: 50%;
  background-color: #000;
  height: 500px;
  width: 500px;
  position: absolute;
  top: 0;
}
.text {
font-size: 40px;
}
<section>

  <div class="row">
    <div class="col s6 offset-s6 bg_black"></div>
  </div>

  <div class="container">
    <div class="row">
      <div class="text">
        Я большой кусок текста
      </div>
    </div>
  </div>

</section>

文本是白色背景上的黑色，但页面右侧填充了深色背景。根据屏幕大小，一些文本位于背景之上。这部分文本究竟如何才能变成白色？我尝试了混合混合模式，不同色调的灰色，但没有办法使文本变白。

css