小编Dav*_* M.的帖子

我正在寻找一种在用户滚动页面时为某些元素设置动画的方法（使用@keyframes, transform...）。例如：

• 当 offset 为 0 时：divhas height: 100px。
• 当偏移量介于 0 和 100 之间时：div是height: 50px和color: blue。
• 等等...

可以使用纯 CSS 吗？如果不是，那么使用 HTML 或 Javascript 最有效的方法是什么？

我有兴趣制作一个网站，其中 2 个不同大小的 div 元素可以投射阴影，但不会受到另一个阴影的影响。

我尝试在两个元素中放置相同的 z 索引，但最后一个元素的优先级高于第一个元素，并且它的阴影与它重叠。

那么，正如标题所说，如何才能做到呢？

编辑：我已经阅读了两个带阴影的 div 看起来像一个部分。CSS 中可以实现吗？帖子，但这并不能解决我的问题，因为我无法移动阴影任何像素。

我正在尝试制作一个包含2个弹性div框的部分，其中：

• 左一个：具有的自动宽度img。
• 右一个：具有左宽度。

我几乎所有的东西都在工作，但是我坚持这一点：

似乎设置了SVG文件的原始宽度，而不是“缩放”的宽度。SVG图像包含在img标记中，并使用height: 100%;和缩放width: auto;。

我一直在寻找Internet上的多个解决方案，但没有一个起作用。

有什么办法解决吗？（如果可能，不使用JavaScript）

索引

<div id="SideMessage">
    <div class="Decoration">
        <img src="./image.svg" alt="ERROR">
    </div>
    <div class="Message">
        <span>SAMPLE TEXT</span>
    </div>
</div>

style.css

div#SideMessage {
    /**/background: lightblue;
    display: flex;
    height: 64px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
        div#SideMessage > div.Decoration {
            /**/border: 1px dashed green;
            flex-basis: auto;
            flex-grow: 0;
            flex-shrink: 0;
        }
        div#SideMessage > div.Message {
            /**/border: 1px dashed red;
            flex-basis: auto;
            flex-grow: …

我正在使用 docker-compose 和卷存储配额进行测试。

这是docker-compose.yml我现在 正在工作的： 这几乎是一个简单的 Apache，带有 PHP 和一个上传 php 文件。

我找不到的是使卷“像其他卷一样”，我只想添加配额行，如下所示：

volumes:
    storage1:
        driver_opts:
            o: 'size=100000,uid=1000'

    storage2:
        driver_opts:
            o: 'size=1g'

    storage3:
        driver_opts:
            o: 'size=100m'
    ...

...但是这当然不起作用，我need to specify the device不知道默认值是什么，也不知道我是否需要其他任何东西。

就像我说的，我只想在大小配额工作的情况下实现“默认”行为，并且我认为可以通过重新设置强制参数中的默认值来实现此目的driver_opts。那么，我怎样才能实现这一目标呢？（如果有更好的方法，请告诉我。）

系统：Ubuntu 18.04 LTS x86_64 / Docker 18.09

提前致谢。

在使用 时docker-compose，我宁愿使用 JSON 而不是 YAML，并且根据Docker 提供的官方文档，可以使用它：

也就是说，当我尝试运行一个简单的 compose 兼容 JSON 文件时，它失败并显示以下输出：

ERROR: yaml.scanner.ScannerError: while scanning for the next token
found character '\t' that cannot start any token
  in "./sample-file.json", line 2, column 1

但是，如果我用空格替换制表符，无论有多少（即使没有一个空格），它都会开始工作：

Starting sandbox_apache_1 ... done
Attaching to sandbox_apache_1
apache_1  | AH00558: httpd: Could not reliably...

在图片中它清楚地表明“所以任何JSON 文件”，这似乎是不真实的。

那这又是怎么回事？