html-是否可以使用纯CSS在滚动上更改此div颜色？

概述感谢您抽出宝贵的时间阅读我的帖子.因此,我最近开始自由职业(CSS和HTML),并且发现了我的第一个困难.看看绿色的条(固定的div),它的绿色用于测试海豚,但是客户希望它在橙色背景之上时是透明的......但是在此白色背景上切换为另一种颜色(因此可以看到字母)CSS可以做到这一点吗？如果是这样,我该怎么办？再次感谢！最佳答案目前,纯CSS对屏幕上显示的内容

感谢您抽出宝贵的时间阅读我的帖子.
因此,我最近开始自由职业(CSS和HTML),并且发现了我的第一个困难.

看看绿色的条(固定的div),它的绿色用于测试海豚,但是客户希望它在橙色背景之上时是透明的…

…但是在此白色背景上切换为另一种颜色(因此可以看到字母)

CSS可以做到这一点吗？如果是这样,我该怎么办？
再次感谢！最佳答案目前,纯CSS对屏幕上显示的内容和没有显示的内容都没有任何响应.因此,简而言之,答案是“不只是CSS”.

话虽这么说,用Js做到这一点非常容易.

您要查找的事件是scroll event.

从那里可以添加/删除样式类.

像这样：

// wait for document.addEventListener("DOMContentLoaded");const myheader = document.getElementByID("Myheader");window.addEventListener("scroll",() => {  const scrollPos = window.scrollY;  if (scrollPos ... add your logic here) {    myheader.classList.add("scrolListhing");  // this is the CSS class you'll target  } else {    myheader.classList.remove("scrolListhing");  }});

抱歉,没有好的CSS方法可以做到这一点. 总结

以上是内存溢出为你收集整理的html-是否可以使用纯CSS在滚动上更改此div颜色？ 全部内容，希望文章能够帮你解决html-是否可以使用纯CSS在滚动上更改此div颜色？ 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。