想了解css–转换模糊文本：在Chrome中旋转的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于htmlcss模糊的相关问题，此外，我们还将为您介绍关于Chrome页脚的CSS计数器未在Ch
想了解css – 转换模糊文本：在Chrome中旋转的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于html css 模糊的相关问题，此外，我们还将为您介绍关于Chrome页脚的CSS计数器未在Chrome中递增、CSS background-size：在Chrome中变得模糊和沉闷、css – font-face在Chrome中的MIME类型错误、css – 为什么不定位：在Chrome中粘性工作？的新知识。
本文目录一览：- css – 转换模糊文本：在Chrome中旋转（html css 模糊）
- Chrome页脚的CSS计数器未在Chrome中递增
- CSS background-size：在Chrome中变得模糊和沉闷
- css – font-face在Chrome中的MIME类型错误
- css – 为什么不定位：在Chrome中粘性工作？
css – 转换模糊文本：在Chrome中旋转（html css 模糊）
-webkit-transform: rotate(.7deg) translate3d( 0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; (and other) -webkit-transform-style: preserve-3d; -webkit-transform: rotateZ(0deg);
它并没有解决问题..
JSfiddle：http://jsfiddle.net/D69d4/10/
奇怪的是：它在jsfiddle中完美运行..但不是在实际的网站上.
当我添加-webkit-backface-visibility：hidden;在我的风格中,Safari中模糊的文字再次变得清晰,但在Chrome中没有区别. (我几乎认为它在Chrome中让它变得更糟)(FF工作正常)
我希望有人可以帮助我,或者给我一个解释是什么问题.
解决方法
-webkit-transform-origin: 50% 51%;
你会没事的
Chrome页脚的CSS计数器未在Chrome中递增
Chrome会拒绝递增计数器，直到您调用计数器重置。一旦您做到这一点，整个事情就开始起作用。该代码可能对您有用
body {
counter-reset: page;
}
footer {
counter-increment: page;
}
#footer-content {
content: counter(page);
}
CSS background-size：在Chrome中变得模糊和沉闷
这是我使用的CSS.
.slide {
width:1280px;
height:400px;
background-image:url(background.jpg);
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
background-position:center center;
background-repeat:no-repeat;
}
在此查看实时示例：http://www.wovenplus.com/test/
只需比较Chrome和IE中的上述链接即可.在我的Chrome中,图像看起来模糊不清,在IE中看起来很清晰. (仔细观察叶子或顶部的融合,或在Chrome和IE窗口之间切换以查看差异).
有人也注意到了吗？对此有何解决方案？
解决方法
css – font-face在Chrome中的MIME类型错误
@font-face {
font-family: SolaimanLipi;
src: url("font/SolaimanLipi_20-04-07.ttf");
}
这在Firefox中正常工作，但在Chrome中不工作。
“inspect element”之后，我得到以下消息：
Resource interpreted as font but transferred with MIME type application/octet-stream.
任何建议将不胜感激。
解决方法
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('☺'),url('GraublauWeb.woff') format('woff'),url('GraublauWeb.ttf') format('truetype');
}
.eot是IE的，其余的浏览器使用.woff或.ttf
如果你需要从源字体生成不同的类型，你可以使用Font Squirrel的font-face generator
您还需要一个.htaccess到字体的位置添加以下类型：
AddType application/vnd.ms-fontobject .eot AddType font/ttf .ttf AddType font/otf .otf AddType application/x-font-woff .woff
css – 为什么不定位：在Chrome中粘性工作？
我在Chrome 26.0.1410.43 m尝试以下操作，它不工作：
thead {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 10px;
}
http://jsfiddle.net/8LRms/
根据这个，它应该工作：
http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
它似乎在Chrome 23.0.1247.0中支持，但现在它不工作在26.0.1410.43 m。
解决方法
更新：这项功能无法在Chrome v35版本通过v51使用，Chrome 52会以实验性的网页平台功能旗标重新启用。
关于css – 转换模糊文本：在Chrome中旋转和html css 模糊的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于Chrome页脚的CSS计数器未在Chrome中递增、CSS background-size：在Chrome中变得模糊和沉闷、css – font-face在Chrome中的MIME类型错误、css – 为什么不定位：在Chrome中粘性工作？等相关知识的信息别忘了在本站进行查找喔。
本文标签：
