html – css div background-image url将颜色改为有色蓝色在IE11中不起作用

html – css div background-image url将颜色改为有色蓝色在IE11中不起作用,第1张

概述我有一个div,我只想让外部图像变成蓝色.此代码在IE Edge和之前的所有浏览器中都运行良好. 有一件事是我需要用css解决这个问题,即我的响应.动态地写出这个html.这是当前的工作代码 .section-2 {background-size: cover;background-position: center center;background-repeat: no-repeat;b 我有一个div,我只想让外部图像变成蓝色.此代码在IE Edge和之前的所有浏览器中都运行良好.

有一件事是我需要用CSS解决这个问题,即我的响应.动态地写出这个HTML.这是当前的工作代码

.section-2 {background-size: cover;background-position: center center;background-repeat: no-repeat;background-color: #54b3ea;background-blend-mode: multiply;height:375px;

}

//fyi the url is found dynamically<div  ></div>

这是工作Jsfiddle(除了Internet Explorer边缘或更低)

http://jsfiddle.net/dQy8A/31/

解决方法 您可以将此行添加到您的CSS中,它将使它适合您.你只需要将不透明度从0.3调整到你想要的任何级别.测试和边缘工作.

Box-shadow:inset 0 0 0 2000px rgba(84,179,234,0.3);

这是小提琴

http://jsfiddle.net/dQy8A/35/

总结

以上是内存溢出为你收集整理的html – css div background-image url将颜色改为有色蓝色在IE11中不起作用全部内容,希望文章能够帮你解决html – css div background-image url将颜色改为有色蓝色在IE11中不起作用所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1045919.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存