小编wnk*_*nkz的帖子

CSS3转换导致屏幕闪烁或别名字体

我试图在元素上应用一些CSS3转换,有两个问题.该网页包含大量的便签,我想通过应用带有一些JavaScript的CSS类来放大点击(缩放)或翻转悬停(rotateY)它们.

例如,缩放类是这样的:

.postit-container.enabled {
  z-index: 15;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  -moz-transition: -moz-transform 0.15s ease-in-out;
  -o-transition: -o-transform 0.15s ease-in-out;
  -ms-transition: -ms-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}
Run Code Online (Sandbox Code Playgroud)

对于翻页效果我只使用rotateY(180deg):hover.

每个stickies都有6deg的默认旋转,我用nth-childCSS3选择器伪随机旋转以应用不同的旋转.

问题是,缩放或翻转时,屏幕闪烁,随机页面上的某些字体被改变,并且长相丑陋,但不是所有的人,这真是不可思议.

这是一个jsfiddle,所以你可以自己看到问题:

JSfiddle (在Mac OS X 10.6.8上使用Google Chrome 12.0.742.122测试)

我已经尝试过这个-webkit-backface-visibility技巧了,闪烁已经消失并且肯定会变换,字体看起来一直都很难看.

我希望有人有魔术,因为我真的不明白这种行为.

javascript css fonts webkit css3

21
推荐指数
2
解决办法
1万
查看次数

Qt QListWidgetItem多行

我有一个非常简单的QListWidget对象,我想建立一个文件夹列表.当我将一个项目添加到我的列表中时,我的工作是:

void LessCC::on_addFolderButton_clicked()
{
    QString dirName = QFileDialog::getExistingDirectory(this, tr("Choose Directory"), QDir::homePath(), QFileDialog::ShowDirsOnly);
    QListWidgetItem* newItem = new QListWidgetItem(QIcon(":/resources/icons/folder.png"), dirName, 0, 0);
    this->ui->folderListWidget->addItem(newItem);
}
Run Code Online (Sandbox Code Playgroud)

这是有效的,但我希望我的项目有多行或一列信息(具有不同的样式).

我听说过QStyledItemDelegate,我真的不明白它是如何工作的,因为我发现的所有其他解决方案对于这么简单(?)的事情来说似乎很复杂.

这是唯一的解决方案还是有一些更简单的我没有看到?

希望可以有人帮帮我.

qt lines styling

3
推荐指数
1
解决办法
6441
查看次数

标签 统计

css ×1

css3 ×1

fonts ×1

javascript ×1

lines ×1

qt ×1

styling ×1

webkit ×1