使用 windows xp chrome 的 html 页面中的 javascript 和 css 出现问题

Question

在 chrome xp 中使用代码 HTML、CSS、JS 时出现问题

嗨，我得到了这个 function，它通过单击按钮在整页上显示亮度

 <html id="html"> <button onclick="brightness()">lightting</button> <script> function brightness(){document.getElementById('html').style.filter = "brightness(140%)";} </script> </html>

该代码在其他 chrome 浏览器（如 chrome 版本 90）中工作，但在 windows xp chrome 中它不是什么问题（是 javascript 吗？）？ 我可以改变什么才能起作用？

Answer 1

MDN brightness表示从 v18 开始全面支持

但

Chrome 49 是最后一个在 XP 上运行的版本，根据我可以使用你需要的亮度-webkit

 function brightness() { document.getElementById('html').classList.toggle("bright"); }

 .bright { -webkit-filter: brightness(140%); filter: brightness(140%); }

 <html id="html"> <button onclick="brightness()">lighting</button>

Answer 2

我不确定您在 Windows XP 上运行的是哪个版本的 Chrome，但根据caniuse的说法，Chrome 18 版中添加了诸如亮度之类的 CSS 过滤器，并且自 2010 年以来一直得到支持。

如果您运行的是旧版本的 chrome，这就是它不起作用的原因。

使用 windows xp chrome 的 html 页面中的 javascript 和 css 出现问题

问题描述

2 个解决方案

解决方案1
2 2022-04-25 11:53:13

解决方案2
0 2022-04-25 11:52:42

使用 windows xp chrome 的 html 页面中的 javascript 和 css 出现问题

问题描述

2 个解决方案

解决方案1 2 2022-04-25 11:53:13

解决方案2 0 2022-04-25 11:52:42

解决方案1
2 2022-04-25 11:53:13

解决方案2
0 2022-04-25 11:52:42