相关疑难解决方法(0)

这是我的目光!

在IE和Firefox中看起来很好

Chrome浏览器(上图)

运行版本39的chrome,只在模态框中显示模糊,如果我更改字体系列没有任何区别.

这是CSS(用于标签"开始")浏览器呈现以下内容

box-sizing: border-box;
color: rgb(85, 85, 85);
cursor: default;
display: block;
float: left;
font-family: sans-serif;
font-size: 12px;
font-weight: 600;
height: 24px;
line-height: 17.142858505249px;
margin-bottom: 0px;
margin-top: 0px;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
position: relative;
text-align: right;
visibility: visible;
width: 89.65625px;

是浏览器还是CSS？

--update ---

好吧看起来像这个CSS

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto !important;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) …

我的页面上有一个居中的表单,使用顶部和左侧值以及css3转换.

<div class="middle">
    <h1>This is blurry, or should be.</h1>
</div>

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 390px;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /** backface-visibility: hidden; **/
}

h1 {
    padding-bottom: 5px;
    border-bottom: 3px solid blue
}

注意背面可见性.当设置为隐藏时,使用chrome 42解决了所有问题.它不会变得模糊.对于其他人使用相同的chrome版本,它会使它变得模糊.

这是没有BV的样子:http://jsfiddle.net/mzws2fnp/

对你来说它可能是模糊的,对其他人可能不是.

以下是BV的样子:http://jsfiddle.net/mzws2fnp/2/

出于某种原因,人们看到边界模糊,但我没有.我知道背面 - 可见性:隐藏是为了解决这个问题,它对我有用,而不是对其他人使用与我相同的浏览器.

我遇到过这个非常讨厌的问题.

将图像与变换对齐时,基于它的平移百分比会导致图像略微模糊.这只是百分比对齐

考虑一下这个css:

img {
  display: block;
  height: auto;
  max-width: 100%;
  transform: translate(1%,1%); 
}

尝试的解决方案:

1. translate3d修复
2. 透视修复
3. translateZ修复

也许有人有解决方案？

更新:Js Fiddle 我用图像更新了js小提琴,以便更好地看到差异.这在摄影中非常引人注目.

示例图片:

谢谢!