字体像素html,Chrome中的字体像素问题(HTML5 / CSS3)

我有一个问题,当应用CSS变换的2D比例时,文本是像素化的. (我只在Chrome中测试过.我稍后会进行交叉浏览,因此您无需在不同的浏览器上进行测试.)

CSS

.versus_block_hover

{

-webkit-transform: scale(1.2,1.2)!important;

-webkit-transition: 50ms 0ms!important;

z-index:1100!important;

border-width:1px;

border-color:#000;

border-style:solid;

}

Javascript代码

$('.versus_block').hover(function() {

$(this).addClass('versus_block_hover');

$(this).parent().css('z-index','1100');

}, function() {

$(this).removeClass('versus_block_hover');

$(this).parent().css('z-index','0');

});

我知道Chrome在CSS转换过程中使用位图操作进行3D加速.

但是,当我在jsfiddle中测试时,它没有像素化.从表面上看,似乎Chrome在转换完成后会重新绘制文本.

见这个工作示例.将鼠标悬停在一个盒子上. (我把所有CSS元素都放在我的实际网站上.)

而且,这是一个有问题的实际网站. (将鼠标悬停在任何块上,然后在扩展时可以看到像素化字体)

任何人都知道如何解决它？没关系,你可以直接在我的jsfiddle上修复它.

字体像素html,Chrome中的字体像素问题(HTML5 / CSS3)相关推荐

html 弹框字体模糊,html - Chrome中的字体太模糊了 - 我该如何解决这个问题？ - 堆栈内存溢出...
我不认为这与所选字体有任何关系,尽管可能存在没有出现此错误的字体. 简而言之,问题的根源在于您为了获得十六进制形状而倾斜和平移两次. 从特定的技术角度来看,我认为只有熟悉Chrome渲染引擎工作原理的 ...
html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示？
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
c语言中系统函数设定像素,在imag中对每个像素应用自定义函数的快速方法
我正在寻找一种更快的方法来应用一个自定义函数到一个图像,我用来删除蓝色背景.我有一个函数可以计算出每个像素与背景中蓝色的距离.带有循环的原始代码如下所示:def dist_to_blue(pix): ...
微信小程序可以加服务器上的字体,微信小程序中自定义字体
微信小程序支持自定义字体开放出来也有段时间,这边整理下使用自定义字体中,容易忽略的一些问题,和简便的全局自定义方式.如果是同时加载两种字体包,先下载下来的会被后下载下来的字体包给覆盖. 官网接口文档 ...
win10修改系统字体（替换OneNote中Calibri字体）
微软的OneNote还是很好用的,但是字体问题一直是一个吐槽点. 我自己就去微软官网吐槽了好几次,然而并没有什么用.我说设置默认字体为consolas完全无法生效,再次输入笔记时,中文自动改为微软雅黑 ...
css引入本地字体文件,关于css中引入字体文件
关于css中引入字体文件 css样式代码: @font-face { font-family: Lovelo-Black;//定义font的名字 src: url(font/Lovelo Black. ...
matlab显示字体颜色,在Matlab中显示字体颜色
我正在尝试创建一个数字(转换为字符串)的数组,并在阈值下降的下方,对于我当前使用0.5的测试.我需要我的桌子上的每个值的字体都落在我的门槛上,以红色显示,在我目前的代码中,我只使用2列,但我将使用10 ...
h5页面自定义字体_H5页面视觉设计中的字体有哪几种
在H5页面的制作过程中,一般分为H5策划.H5设计.H5程序制作和测试等四个步骤,其中最能带给用户好印象的就是H5设计了.在H5设计中,所蕴含的知识是十分复杂的,所展示的内容也是十分多样化的,如文字. ...
css一像素线条,CSS中比一像素还要细的边框
那么CSS中的1px是什么?浏览器是怎么渲染它的? 网页在一个叫viewport的东西里渲染,可以理解为画布,画布被分成 N x M 个小方格,1个CSS像素,就是其中的一个小方格. 一,viewpo ...

字体像素html,Chrome中的字体像素问题(HTML5 / CSS3)

字体像素html,Chrome中的字体像素问题(HTML5 / CSS3)相关推荐

最新文章

热门文章