小编Lit*_*tek的帖子

过渡旋转会导致铬闪烁黑屏.它是一个Chrome bug(在Safari中运行正常)还是可以用一些聪明的CSS修复它.

div { 
  width:200px; 
  height:200px; 
  position:relative; 
  background:#ddd;
}

span { 
  display:inline-block; 
  position:absolute; 
  top:40px; 
  left:40px; 
  width:20px; 
  background:#007; 
  height:10px; 
  -webkit-transition: all .5s; 
}

div:hover > span { 
  -webkit-transform: rotate(180deg); 
}

<div>
    <span></span>
</div>

这里举例说明.

这个问题的问题在于它不会每次都出现,所以你必须将灰色方块悬停几次,你应该看到屏幕闪烁为黑色.

测试:
Chrome 16.0.912.75
Chrome Canary 18.0.1010.0

适用于:
Safari 5.1.2(6534.52.7)

所有雪豹测试

我已经使用像素完美的相当长的时间,并成长为喜欢它(尽管它的烦恼).现在,当pp不再与fx 6兼容时,我正在寻找替换它的工具.

我发现x-precise并且距离购买它只有一步,但我不太喜欢在源页面中包含某些东西的必要性.

我知道我可以自己做,也许不如xprecise或pp,但我现在没有时间.

我很想知道你用的是什么？或者你坚持使用旧的fx,只是为了使用像素完美？

是否可以逃避整个声明？这符合less.js(我使用less.app)

margin: e(" 0 10px");

但这会引发错误:

e("margin: 0 10px");

我已经尝试将'margin'放在变量中,但没有成功.

我正在寻找一个可以很好地缩放和缩放的布局（用户按下 ctr/cmd + [plus]）。为此，我需要尺寸与字体大小一起缩放。使用 em 单位太棘手了，所以我正在考虑使用 rem （并复制旧 ie 的每个维度属性）。

我最初的想法是将 html 元素的 font-size 设置为 10px，然后使用 1/10rem 作为像素替换。但是由于 body 上的字体大小在 px 中是任意设置的，因此 html 上的字体大小将专门用于 rem 测量。那么为什么不把它设置为 1px 呢？

优点是显而易见的 - 易于编写重复声明和可维护性。

至于缺点（除了表格重复声明）我想不出任何。但也许我错过了一些东西。这种方法有什么缺陷吗？

我有一个论坛标题栏(有论坛名称和主题标题).论坛名称,不久,将被剪切并显示:hover.目标是让帖子标题在论坛名称旁边开始,悬停与否,以及在太长时间内剪切.

以下简化的测试用例适用于Chrome和FF,但不适用于Opera(在11.50 alpha测试,最新稳定,在mac上测试).

正确的行为:主题标题(红色轮廓的标题)与论坛名称一致.

我在Opera什么:文本消失了-实际上是由隐藏overflow:hidden在.nav_bar,它就会被移到下一行.