javascript - 替换文本行的背景颜色

Question

我们的项目需要不同长度的文本的交替阴影线（灰-白-灰-白...），以不同的尺寸查看等，用于屏幕和打印查看。

我不认为交替表行或 div 是一种解决方案，因为一行（或一行/div/span）上的单词数可能会随着字体大小和浏览器大小调整而改变。

非常感谢斯蒂芬

Answer 1

给你，jsFiddle。

在字体上设置 line-height，然后将 background-size 设置为该高度的两倍。在背景上放置一个线性渐变，使用 50% 硬色标，并将其设置为重复。

jsFiddle 只是我拼凑起来在 Webkit 浏览器中显示它的一个快速的东西。当然，您需要为所有其他浏览器添加供应商特定的代码。

p {
    line-height: 16px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, lightgray), color-stop(51%, white));
    background-size: 100% 32px;
}​