gpt4 book ai didi

css - IE10 上使用 CSS3 透视变换的工件

转载 作者:太空宇宙 更新时间:2023-11-03 18:34:32 26 4
gpt4 key购买 nike

我在 Internet Explorer 10 上使用 CSS 变换属性更改 3D 透视时遇到问题。

应用透视的元素中包含的某些元素的边缘出现随机伪像。

我创建了一个简单的 fiddle 来演示这个问题: http://jsfiddle.net/b9ztC/

要重现,只需打开 fiddle 并尝试选择、单击或摆弄文本,这会导致以下工件在段落元素周围出现/消失:

IE10 perspective transform artifacts

在更复杂的场景中出现了更多的行和工件,原因似乎是 css 的以下行:

transform: perspective(800px);

解决问题的唯一方法似乎是:

  • 不要将视角应用于元素
  • 将变换视角设置为0px
  • 使用perspective: 800px,而不是transform: perspective(800px)

最后一个似乎是一个简单的解决方案,但在某些情况下效果不佳,例如以下 3D 翻转卡片演示(使用 IE10 在卡片背面有相同的伪影问题)播放效果不佳当与旋转变换分开应用透视属性时:http://www.cssplay.co.uk/menu/css3-3d-card.html

有人遇到过这个问题吗?有什么办法可以防止这种情况发生吗?

我还想知道这种情况是否发生在每台机器上,或者它可能是与硬件相关的问题。

最佳答案

我或多或少看到了同样的问题,虽然只是在 div 的左侧,它会根据转换而变化。似乎是背景从线条的边缘渗出。

我在 Windows 7 x64 上使用 Radeon HD 4670 (Catalyst 13.1),使用 IE 10.0.9200.16686 (KB2870699)。

到目前为止,我发现的唯一可行的解​​决方法是在内部元素上应用填充,即在 p 上而不是在 div 上。但是我不确定填充是否真的是触发器,所以这可能不适用于其他情况。

关于css - IE10 上使用 CSS3 透视变换的工件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19048753/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com