我在Web应用程序中有水平分隔符。我希望它们看起来比普通线条好一点，但不要超过顶部，所以我给它们一个渐变。
然后我注意到当浏览器缩放改变时，一些行消失了。我猜，当它们小于1像素时，浏览器将某些高度舍入为0像素。
这是一个非常不愉快的副作用。没有样式的<hr>标签在任何缩放时都不会消失，但我必须给我一个高度，否则它们根本不会显示。
有没有办法纠正问题，并且无论缩放是什么，总是只有一个像素高度的线？解决方案不需要支持IE8及以下版本。
hr.fancyDivider {
border: 0;
min-height: 0.0625em;
background: linear-gradient( to right, rgba(0,71,185,0), rgba(0,71,185,0.9), rgba(0,71,185,0));
margin-bottom: 2em;
}
使用它们的小提琴：http://jsfiddle.net/U7cv6/。缩小几个步骤以查看问题。