gpt4 book ai didi

css - 如何在 Konqueror 中制作渐变效果

转载 作者:行者123 更新时间:2023-11-28 04:37:27 34 4
gpt4 key购买 nike

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

最佳答案

我测试了https://www.htmlvalidator.com/test/201708/khtml.htmlbrowsershots.org并且没有一个以 khtml 为前缀的背景在任何浏览器中工作,而且大多数甚至没有在 CSE HTML Validator 中验证。此外,我找不到任何内容表明渐变在 Konqueror 中确实有效。

所以我想说,解决您的难题的方法是删除所有那些 khtml 渐变,只使用简单的纯色,然后使用至少在某些浏览器(尤其是标准浏览器)中有效的渐变。 Konqueror 应该回落到纯色。

关于css - 如何在 Konqueror 中制作渐变效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41408029/

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