javascript– 如何在不使用照片编辑器的情况下实现此目的?

javascript– 如何在不使用照片编辑器的情况下实现此目的?,第1张

概述我可以改变:成:不使用照片编辑器>这是CSS和HTML代码>我无法上传徽标,因为我应该至少有10个声望发布2个以上的链接,所以我可能会将其插入另一个评论中header { background-color: rgba(255, 255, 255, 0.9); height: 50px; display: flex; flex-di

我可以改变:

成:

不使用照片编辑器

>这是CSS和HTML代码
>我无法上传徽标,因为我应该至少有10个声望发布2个以上的链接,所以我可能会将其插入另一个评论中

header {  background-color: rgba(255,255,0.9);  height: 50px;  display: flex;  flex-direction: row;  align-items: center;  position: fixed;  wIDth: 100%;  Box-sizing: border-Box;  top: 0;  left: 0;  z-index: 2;}header .logo {  position: fixed;  left: 50%;  top: 13px;  display: inline-block;}.background-image {  position: fixed;  left: 0;  top: 0;  z-index: 1;  wIDth: 100%;  height: 100%;  background: #fff url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/%D0%94%D0%B7%D0%B5%D0%BC%D0%B1%D1%80%D0%BE%D0%BD%D1%8F._%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D0%BB%D1%83%D1%87%D0%B8_%D1%81%D0%BE%D0%BB%D0%BD%D1%86%D0%B0.jpg/800px-%D0%94%D0%B7%D0%B5%D0%BC%D0%B1%D1%80%D0%BE%D0%BD%D1%8F._%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D0%BB%D1%83%D1%87%D0%B8_%D1%81%D0%BE%D0%BB%D0%BD%D1%86%D0%B0.jpg') no-repeat center center;  background-size: 100%;}
最佳答案您可以使用不透明度来创建半透明图像,通过将其调整为您需要的任何内容,您可以使用它.

但是,如果您还想将图像的颜色更改为更暗,则可以使用CSS过滤器.您可以通过调整色调使其变暗/栗色/褐色.值得注意的是浏览器支持 – https://caniuse.com/#feat=css-filters

header {  background-color: rgba(255,0.9);  height: 50px;  display: flex;  flex-direction: row;  align-items: center;  position: fixed;  wIDth: 100%;  Box-sizing: border-Box;  top: 0;  left: 0;  z-index: 2;}header .logo {  position: fixed;  left: 50%;  top: 13px;  max-wIDth: 100%;opacity: .7;position: absolute;top: 0; left: 0;-webkit-filter: hue-rotate(45deg);filter: hue-rotate(45deg);}.background-image {  position: fixed;  left: 0;  top: 0;  z-index: 1;  wIDth: 100%;  height: 100%;  background: #fff url(http://environment.umn.edu/wp-content/uploads/2016/04/global_landscapes_initiative_directory_pages.jpg) no-repeat center center;}
          总结       

以上是内存溢出为你收集整理的javascript – 如何在不使用照片编辑器的情况下实现此目的?全部内容,希望文章能够帮你解决javascript – 如何在不使用照片编辑器的情况下实现此目的?所遇到的程序开发问题。

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)