在试图使线性渐变尽可能兼容于跨浏览器时,我遇到了一个问题。康奎尔不会合作的。
当您搜索线性梯度孔开勒尔时,您会发现许多-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="">
发布于 2017-08-02 15:30:31
我用https://www.htmlvalidator.com/test/201708/khtml.html测试了browsershots.org,没有一个khtml前缀背景在任何浏览器中工作,大多数甚至没有在CSE中进行验证。而且,我找不到任何证据表明渐变在Konqueror中是有效的。
因此,我想说,解决您的困境的方法是删除所有这些khtml渐变,只使用简单的实心颜色,然后使用至少在某些浏览器中工作的渐变,特别是标准的渐变。康奎尔应该恢复到纯色。
https://stackoverflow.com/questions/41408029
复制相似问题