程序员经验分享-hwhale

css渐变不透明度幻灯片图像从左到右颜色白色

2023-12-11

I want to use css, to fill a certain color on my image, it will have a blur reduction. enter image description here

我尝试了很多方法，但无法在图像上插入颜色。请告诉我参数，以便我可以调整宽度或高度，或不透明度，更改颜色。


您可以使用伪元素after将颜色定位在图像上方，如下所示：

div, img {width:100%;}
div {position:relative;}
div:after {
  width:100%;
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to right, rgba(247,247,49,1) 0%,rgba(255,255,255,0) 69%);
  height:100%;
}
<div>
  <img src="http://img.andrewprokos.com/TORONTO-PANORAMIC-SKYLINE-DUSK-1200PX.jpg" alt="">
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

css渐变不透明度幻灯片图像从左到右颜色白色 的相关文章

  • 平板电脑在第一次单击时悬停，在第二次单击时单击

    发布这个问题主要是希望证实我对该行为的怀疑 从而为其他程序员记录下来 因为我在网上没有找到任何记录 我正在构建一个网站 其导航栏具有以下属性 水平截面是 ul of li 和一些 li li s 两者都有 A n a 元素带您进入该主题 触

  • 是否可以使用 Chrome 开发者工具审核多个页面？

    我试图找出我的网站中未使用的 CSS 类 然后我发现 Chrome 开发者工具中有一个审核功能 可以标记未使用的 CSS 类 但是 它一次只能执行一页 有没有办法让它审核多个页面 以便我可以找出所有页面中未使用的 CSS 类 我知道有一个

  • 如何使用 Angular 2 实现拖放（v2.0.0-beta.15）

    我想以角度实现一个简单的拖放列表 例如我可以更改其顺序的杂货列表 iv 在使用之前实现它https github com akserg ng2 dnd https github com akserg ng2 dnd但我的问题是我使用角度2

  • 文本区域值高度[重复]

    这个问题在这里已经有答案了 我有一个 textarea 其 css 高度设置为 85px 用户可能会在该文本区域内键入内容行 我想知道文本 值的高度 而不是文本区域本身 有没有办法检查内部文本的高度 包括换行符 我会将文本区域的内容复制到另

  • Phonegap（应用程序错误...发生网络错误）

    我已经使用phonegap 创建了一个版本 在index html 文件中 我编写了一个简单的iframe 用于加载网站 当我从phonegap获取本地url时它就起作用了 但如果我将整个构建作为 zip 文件上传到 PhoneGap 中

  • CSS：仅背景不透明度，而不是内部文本[重复]

    这个问题在这里已经有答案了 我有这个注册表框 我真的很喜欢背景如何变得不透明 透明为 25 85 但后来我注意到文本和表单元素也变暗了一点 所以我想知道如何做到这一点只有边框和背景而不是盒子里面的东西 regForm z index 11

  • IE8/9 - CSS 文件的最大字节数

    我目前正在开发的应用程序有过多的 CSS 样式 我们似乎已经达到了 IE8 9 以及它可以加载的 CSS 数量的某种限制 在某些时候 它会停止解释 CSS 从而破坏某些页面上的样式 我们正在使用 Combres 来压缩 缩小导致 CSS 文

  • FPDF - 内嵌粗体文本

    我正在尝试从 PHP 创建 PDF 出于法律原因 我们需要将免责声明的一部分设为粗体 并且需要概述免责声明 我当前的代码使用 if isset POST optout POST optout yes pdf gt Ln 5 pdf gt S

  • 使用 jQuery 在元素末尾添加“更多”html？

    我一开始有一个空的 div div div 我知道如何使用 jQuery 第一次将 html 添加到我的空 div 中 mydiv html my html 但我的问题是我不知道如何在非空 div 末尾推送更多 html div my ht

  • 在占位符中添加 HTML

    我喜欢使用 HTML 占位符 因为它有助于向用户描述他们需要输入的内容类型 但是 有时您需要为用户提供更多信息 而不仅仅是简单的句子 基本上我希望能够在我的文本区域占位符中添加换行符 制表符等 我听说过使用特殊编码来做到这一点 并且已经使用

  • 使用过渡添加子项时 div 的平滑增长

    尽管使用了以下代码 但其行为并不符合我的预期transition所以可能有些事情我不明白 理想情况下 单击该按钮会将一个子项添加到id2div 并制作id1分区增长smoothly因此 function id1 button click g

  • 调整大小后获取实际图像大小

    我有一个充满缩略图的页面 用 css 调整大小150x150 当我单击缩略图时 页面变暗 并且图像以其真实尺寸显示 目前 我必须手动创建一个包含所有图像的实际高度的数组 为了解决设计问题 减少画廊的手动操作 我需要在调整图像大小 CSS 后

  • 如何解决flash的zindex问题

    在网页中我需要显示div覆盖未使用的 Flash 横幅wmode transparent环境 怎么解决呢 根据我的记忆 你可以将 div 推入 也许使用Javascript 这样你就不会弄乱你的HTML iframe 是像 flash 一样

  • Django 未在 404 页面上应用应用程序中的 CSS 文件

    姜戈3 0 8 Python 3 7 x 我有一个包含一些应用程序的 Django 项目 我正在尝试为 400 403 404 500 错误制作一些 默认 错误页面 我已经这样做了 并显示了适当的模板 但没有任何样式或 JS 在 404 错

  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合，同时又尊重更大的缩放系数？

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看

  • 向 Twitter Bootstrap 添加新字体系列

    我怎样才能按照他们的方式将新的字体系列添加到 twitter bootstrap 中 他们使用一种叫做 woff 的东西 我正在尝试将 roboto 添加到 css 文件中 我怎样才能像他们那样做 woff 的事情呢 font face f

  • 如何使网站适应用户的屏幕分辨率？

    我正在使用 1024x768 屏幕分辨率来设计我的网站 当您从屏幕分辨率较小 较大的计算机上的浏览器中查看网站时 网站开始变形 无论用户的屏幕分辨率是什么 如何使网站适应用户的屏幕分辨率 我相信通过 JavaScript 或 CSS 是可能

  • 使用js获取选择选项的onclick事件

    我有一个非常令人沮丧的问题 我有这个代码 它过滤掉我的结果并将它们输入到选择框中 var syn

  • 如何显示不同页眉的页面？ [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我正在为我的学校项目开发网站 但我遇到了一个问题 我在每个页面上显示一个标题 我的标题之一包含登录表单 另一标题包含用户名 搜索栏等 问题是

  • Chrome 上的 contenteditable 中未显示编辑光标

    当您打开此页面时 请参阅现场演示 http jsfiddle net gs3p1a6r 3 show 与 Chrome span span CSS myspan border 0 outline 0 JS myspan focus the

随机推荐

  • 在更新页面上包括关系实体的列表视图

    我正在尝试扩展更新视图以包含编辑表单下方一些相关项目的列表视图 我有两个模型 Publishers 和 Volumes 它们具有多对多关系 我想做的是 当用户单击发布者的编辑按钮时 我希望他们转到具有标准编辑字段的页面 但在表单下方还有一个

  • Spring Batch JdbcPagingItemReader 似乎没有执行所有项目

    我正在开发一款应用程序 该应用程序从 Oracle 数据库中提取记录 然后将其导出为单个表格文件 但是 当我尝试使用 JdbcPagingItemReader 从数据库读取数据并写入文件时 我仅获得 pageSize 中指定的记录数 因此

  • R：根据条件的行值填充data.frame中的新列？

    我想根据行中的值在 data frame 中创建新列 如果 type 不等于 a 则我的 new area 列应包含来自 a 类型的 area 的数据 这是针对多个 距离 的 Example create data frame distan

  • Jruby：NameError：未初始化的常量 Neo4j

    我从 git 运行了这个例子 https github com andreasronge neo4j require rubygems require neo4j Neo4j Transaction run do node Neo4j No

  • useLocation 无法识别状态

    我开始使用react router 我发现我可以在 Link 组件中传递 props 以便某些值可以传递到另一个组件 我正在使用的按钮内发送一个名为 value 的组件 但是在接收该参数的组件中会显示一条错误消息 其中包含消息 对象可能为空

  • R - lubridate：将持续时间分割为“子持续时间”

    我有一个 R 整洁的数据集my durations其中数据框中的每个案例对应于在一段时间内采集的样本 如下所示 gt glimpse my durations Observations 300 Variables 5 sample id

  • 如何使用 Sys.Date() 获取上一年（2020 年）的摘录？

    Sys Date 给出今天的月 年和日期 2021 08 09 但是我该如何使用Sys Date 获取上一年 2020 的提取信息 谢谢你 Every Date or Datetime对象可以转换为POSIXlt其中 请参阅帮助 有许多子组

  • 从 Bash 中的行中删除中间的 n 个字符

    我正在尝试剪掉文件中每一行的中间部分 所有的行都是这样的 79 472850 97 SILENCE 我需要结束 79 472850 SILENCE 由于每行都有从字符 10 开始到字符 14 结束的不需要的部分 我试图以这种方式使用 sed

  • _IContactsAndGroupsCallback.OnLookUp

    我想按照以下指南为 Office 提供 IM 状态等http msdn microsoft com en US library office jj900715 aspx off15 IMIntegration ImplementRequir

  • Android 的 sqlite 加密

    我正在努力寻找在 Android 设备上加密我的 sqlite 数据库的可能性 但我无法找到令人满意的解决方案 我需要类似库之类的东西来引用 以便在使用正常的 sqlite 函数时对我的数据库进行 动态 加密 解密 我不想在存储之前加密数据

  • JTextArea不显示文本

    在我在文本区域中显示文本的函数中 我编写了以下代码行 但它没有显示任何文本 jTextArea1 setText Packet n jTextArea1 getText 我正在使用 swingworker 来执行后台任务 这是我的代码 pu

  • UIImage 将原始像素从白色更改为透明？

    我已经尝试了每个问题的一些代码 如何使 UIImage 上的一种颜色透明 如何遮盖 UIImage 以使白色在 iphone 上变得透明 但没有成功 不幸的是 使用核心图形和图像并不是我的强项 我将如何访问 UIImage 的原始数据并将白

  • android loadIcon 生成 outOfMemoryError

    我只有一点点ListView包含所有已安装的应用程序及其图标但如果安装了太多应用程序 我会遇到outOfMemoryErrors在做的时候 Drawable app icon applicationInfoList get i loadIc

  • 禁用 RichTextBox WF 上的删除按钮

    我试图禁止人们删除 Richtextbox 中的文本框 该项目使用windows窗体 这是我的代码 private void Form1 Load object sender EventArgs e richTextBox1 KeyPres

  • 如何在 Android 中运行媒体扫描仪

    我想在捕获图像时运行媒体扫描仪 捕获后 图像会在网格视图中更新 为此 我需要运行媒体扫描仪 我找到了两个解决方案来运行媒体扫描仪一个是播送事件 另一个是运行媒体扫描仪类 我认为在 Ice Cream Sandwich 4 0 中引入了媒体扫

  • Mac 上的 TensorFlow 安装错误

    我想在我的 Mac 上通过 PyCharm 使用 TensorFlow 但是当我使用时 pip install https storage googleapis com tensorflow mac tensorflow 0 5 0 py2

  • 如何在Python中设置线程特定的环境变量？

    我想创建两个 或更多 线程 并在每个线程中执行不同的外部程序 比方说aaa and bbb 这些外部程序需要位于不同目录中的库 比方说 aaalib and bbblib 所以我必须设置环境变量LD LIBRARY PATH在执行它们之前

  • rand() 为什么以及如何同时存在于 cstdlib 的全局和 std 命名空间中？

    我明白那个rand 作为示例函数

  • 编译一个简单的 Qt“Hello World!” Visual Studio 2010 Express 中的应用程序？

    我正在尝试构建一个基本的 Qt Hello world Visual Studio 中的应用程序 我拿到moc步骤工作 我认为 但现在我不知道如何修复这个链接器错误 1 gt moc mainwindow obj error LNK2001

  • css渐变不透明度幻灯片图像从左到右颜色白色

    I want to use css to fill a certain color on my image it will have a blur reduction 我尝试了很多方法 但无法在图像上插入颜色 请告诉我参数 以便我可以调整宽

热门标签