0

在尝试使线性渐变尽可能跨浏览器兼容时，我遇到了一个问题。Konqueror 不会合作。

当您搜索linear-gradient konqueror时，您会发现许多以 -khtml 为前缀的线性渐变的示例，这些示例仅提及/*Konqueror*/就好像就是这样。但问题是，这些都行不通。没有一个变种。

而且我什至没有试图让它在旧版本中运行。这是与当前 Debian（和衍生产品）一起分发的最新版本。

所以我错过了什么吗？为了使这些东西在 Konqueror 中显示，我需要做什么？

div {height:14px; max-width:500px; border:1px solid; margin:6px; background-repeat: repeat-y;}
KHTML variant 1:
<div style="background: -khtml-linear-gradient(90deg, #5F5, #FF5)"></div>
KHTML variant 2:
<div style="background-image: -khtml-linear-gradient(top left, #5F5, #FF5);"></div>
KHTML variant 3:
<div style="background: -khtml-gradient(linear, left top, right top, from(#5F5), to(#FF5))"></div>
KHTML variant 4:
<div style="background-image: -khtml-gradient(linear, left top, from(#5F5), to(#FF5))"></div>
KHTML variant 5:
<div style="background: -khtml-gradient(linear, left top, #5F5, #FF5)"></div>
KHTML variant 6:
<div style="background-image: -khtml-gradient(linear, 90deg, #5F5, #FF5)"></div>
KHTML variant 7:
<div style="background: -khtml-gradient(linear, to right, #5F5, #FF5)"></div>

Current standard:
<div style="background: linear-gradient(90deg, #5F5, #FF5)"></div>
And what we're actually after:
<br><img src="https://i.stack.imgur.com/3jHTv.png" alt="">

4

1 回答 1

0

我用browsershots.org测试了https://www.htmlvalidator.com/test/201708/khtml.html并且没有一个以 khtml 为前缀的背景在任何浏览器中都有效，而且大多数甚至没有在 CSE HTML Validator 中进行验证。另外，我找不到任何说渐变在 Konqueror 中确实有效的说法。

所以我想说，你的困境的答案是删除所有这些 khtml 渐变，只使用简单的纯色，然后使用至少在某些浏览器中工作的渐变，尤其是标准浏览器。Konqueror 应该回到纯色。

于 2017-08-02T15:30:31.753 回答