相关疑难解决方法(0)

获取元素的 offsetHeight 是否有副作用?

在 Bootstrap 崩溃的代码中,在hide()方法中,我看到以下行:

this.$element[dimension](this.$element[dimension]())[0].offsetHeight

我不明白最后的意义.offsetHeight是什么,除非它有副作用,因为它没有被分配给任何东西。它有副作用吗?

javascript dom side-effects offsetheight

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

如何使用chrome中的currentColor bug破解线性渐变()

最新的Chrome版本(49)中存在一个错误,其中CSS就像......

background: linear-gradient(currentColor, green);
Run Code Online (Sandbox Code Playgroud)

... color元素更改时不会更新(例如:on:hover).

我该如何解决这个问题?

css google-chrome colors hover linear-gradients

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

CSS:覆盖元素高度0后悬停重新渲染

我有一个我称之为back另一个元素的元素front.

Back在CSS中设置以在悬停时更改颜色.Front设置,当悬停时,在1s延迟后消失并且Front元素上的鼠标指针现在位于后面元素上.

Front通过height: 0在JavaScript中设置消失.在Front消失并且鼠标ointer悬停在Back浏览器上之后,不会重新渲染悬停效果Back,导致其颜色未按预期更改.

当我通过自然地Front从DOM中删除它来尝试相同的例子时它工作正常.不过,我的应用程序要求我通过设置来完成此操作height: 0.

您可以在以下示例中自行尝试.你会看到一个红色的盒子和一个蓝色的盒子.红色是Front和蓝色是Back.将鼠标指针移动到红色框时,红色框的颜色会变为green.当您将鼠标移动到蓝色框上时,一秒钟后它将消失.

示例的要点是显示蓝色框消失后,鼠标指针现在悬停在红色框上,因此它应该成为green.

此示例中,蓝色框完全从DOM中删除,它的工作方式与预期的一样.

但是,在此示例中,将通过设置删除蓝色框height: 0.消失后,green直到我移动鼠标后才会出现红色元素.

有没有办法强制浏览器重新渲染?

问题仍然存在于Google Chrome和Microsoft Edge中.Firefox运行良好.

javascript css cross-browser hover rerender

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

CSS背景延伸以填充iOS中的高度,但滚动时有空白区域

这个CSS让我的背景在iOS中填充100%的屏幕高度但是有一个小问题 - 当你向下滚动时,最初是空白区域,然后当你松开手指并停止滚动背景图像时"调整"并填充100再次屏幕高度的百分比.如果您是第一次继续滚动,则问题不会在同一页面上重新出现.有人可以帮忙吗?谢谢

#background {
  background: url(../img/background.jpg) center repeat-x;
  position: fixed;
  background-size: auto 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}
Run Code Online (Sandbox Code Playgroud)

html css background-image stretch ios

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