小编Sim*_*mon的帖子

这是我遇到过的最奇怪的错误,不幸的是,由于法律限制,我无法向您展示示例图片,但我会尝试尽可能好地解释它.

所以我正在构建这个网站,它通过视口大小的部分进行无限滚动.在第一部分中,我有一个表格和一个html5视频,其背景位置固定在背景中,然后是后续部分的简单背景图像,奇数部分background-attachment: fixed;用于给出一些视差效果.

现在非常奇怪的是:一旦我将第一部分中的一个表单输入聚焦,所有部分都background-attachment: fixed;丢失了它们的背景图像......它仍然在CSS规则中但不会被渲染(只是白色) .

我尝试了几个类似问题的解决方案,比如这个SO线程或这篇帖子.现在第二个最有趣的事情是,如果我添加-webkit-transform或-scale修复具有固定bg图像的部分,问题会立即发生而没有任何聚焦......我真的无法弄清楚这一点.

我希望有人能帮助我解决这个问题,因为拥有像视差这样的行为非常重要.

这是一个显示问题的jsfiddle,不完全像我的页面,但你可以看到错误,在那里显示视频而不是图像,但在我的页面上我将视频设置为滚动到达第二部分后的绝对位置,所以它只是白色......

我已经研究了很多关于谷歌饼图和隐藏切片标签的信息，但没有找到切片外部标签的任何内容，所以我希望有另一种解决方案，而不是SO 上已经 建议的 解决方案。

我生成了许多不同的图表类型，为了更好的可读性，我自定义了饼图（环形图），以便它们在切片之外显示标签，并用线条连接。现在，正如在其他问题中看到的那样，如果没有空间或者值太小，谷歌图表将隐藏切片标签，这对我来说是不可接受的，为什么我想在应该有足够空间的地方显示它们。

谷歌图表仍然不喜欢“次要”数据值，并且只是不显示它们的标签，即使sliceVisibilityThreshold设置为0，是否有考虑以下设置的其他解决方案？（您应该看到紫色切片的标签“Far”未渲染）

var chartData = {
    "options": {
      "legend": {
        "position": "none"
      },
      "pieHole": 0.5
    },
    "data": [
      [
        "Label 1",
        "Label 2"
      ],
      [
        "Foo",
        33059
      ],
      [
        "Bar",
        57893
      ],
      [
        "Baz",
        8135
      ],
      [
        "Boo",
        12211
      ],
      [
        "Far",
        3740
      ],
      [
        "Faz",
        7219
      ]
    ]
  },
  ctx = document.getElementById('canvas');

var onLoadGoogle = function() {
  var data = new google.visualization.arrayToDataTable(chartData.data);
  var chart = new google.visualization['PieChart'](ctx);
  var options …