LAFINSIR 2023-03-20 22:21 采纳率: 68.4%
浏览 374
已结题

请问怎么通过css改变图片颜色

css怎么改变图片颜色

img

HTML:

   <div class="pic1" style=" background-image: url('https://user-images.githubusercontent.com/8554143/34239266-232bdfc0-e641-11e7-8792-408782aaa78e.png');"></div>

CSS:

.pic1 {
  background-blend-mode: lighten;
  background-size: cover;
  width: 200px;
  height: 200px;
}



HTML标签的style加上属性:linear-gradien

img

HTML:

  <div
                  class="pic1"
                  style="
                    background-image: url('https://user-images.githubusercontent.com/8554143/34239266-232bdfc0-e641-11e7-8792-408782aaa78e.png'), linear-gradient(#f00, #f00);
                  "
                >


因为我这个网站每个客户的主题色不同,我是通过加载不同的css文件来实现的。但是这个background-image的linear-gradient属性怎么分开写,我尝试在class中写linear-gradient,在标签中只写url,但这样好像没效果

.pic1 {
  background-image: linear-gradient(#f00, #f00);
  background-blend-mode: lighten;
  background-size: cover;
  width: 200px;
  height: 200px;
}



  • 写回答

11条回答 默认 最新

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 4月2日
      • 已采纳回答 3月25日
      • 创建了问题 3月20日

      悬赏问题

      • ¥15 苹果手机删除了qq软件,qq文件怎么恢复
      • ¥20 用mips 人力编程排序问题(能在mars按要求运行)
      • ¥15 Verilog小型神经网络(单层反馈神经网络)
      • ¥15 设计一个数字钟,实现时分秒的显示
      • ¥15 Clion使用头文件链接两个cpp
      • ¥15 51单片机无法触发外部中断问题
      • ¥15 基于半监督,无监督的调制识别
      • ¥15 cst求 阵列 rcs 时候 频域 时域求解器 应该怎样设置 才让两者 计算结果 相似 请附图
      • ¥15 关于#51单片机#的问题:大家帮我看一下为什么我的计时器数字一直不稳定
      • ¥15 Qt 在应用程序里总是有[PREVIEW] recv window msg, name:(Qt5QWindowIcon) hwd:(287097a)等信息不断输出,怎么解决