【问题标题】:How to produce gradients in Konqueror如何在 Konqueror 中生成渐变
【发布时间】:2017-08-02 23:41:16
【问题描述】:

在尝试使线性渐变尽可能跨浏览器兼容时,我遇到了问题。 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="">

【问题讨论】:

    标签: css linear-gradients konqueror


    【解决方案1】:

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

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

    【讨论】:

    • 但是,所有说“-khtml- 用于 Konqueror”的示例都来自哪里? Herehereherehere 等。这些人都没有实际测试过他们的工作吗?
    • @MrLister,我真的不知道他们是从哪里想到的,或者他们是否测试过……也许有人编造了它,而其他人只是不断重复它。或者,也许有(或曾经有)某个版本的 Konqueror 可以使用(或确实可以使用)。不过,我认为,如果它确实有效,browsershots.org 会显示它有效。
    猜你喜欢
    • 2022-07-28
    • 2016-03-02
    • 1970-01-01
    • 2011-01-01
    • 1970-01-01
    • 2010-11-19
    • 1970-01-01
    • 2018-12-17
    相关资源
    最近更新 更多