程序员经验分享-hwhale

在html/css中实现白色不透明效果

2024-01-12

有没有办法以跨浏览器兼容的方式实现这种效果，而无需准备单独的图像？

基本上，文本所在的框架有一个不透明度为 50% 的白色覆盖层。我想要一个除了背景之外不涉及创建任何其他图像的解决方案，但我不知道这是否可能！


尝试 RGBA，例如

div { background-color: rgba(255, 255, 255, 0.5); }

与往常一样，这并不适用于所有编写的浏览器。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

Opacity

在html/css中实现白色不透明效果 的相关文章

  • 使用反增量更改 z-index

    我尝试制作一个图像滑块 当鼠标悬停在一个点上时 它将显示图片 我也尝试使用在图像之间切换z index但什么也没动 slider counter reset index 1000 slider input name slide switch

  • 为什么开发者讨厌 iframe？ [复制]

    这个问题在这里已经有答案了 可能的重复 iframe 被认为是 不好的做法 吗 https stackoverflow com questions 362730 are iframes considered bad practice 在与

  • 如何在数据表中colspan rowspan？

    I am trying to use colspan and rowspan attributes with jQuery Datatables where a product sku can span 2 rows and a week

  • 身体动画不流畅

    下面代码中的 spaceShip 在开始按住任何箭头键时移动并不顺利 它移动一步 冻结一瞬间 然后 平稳 地移动 怎样才能让它从一开始就顺利运转 而不是 冻结 My code

  • 使用 highcharts 时，为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div？

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确

  • 在 React 中切换 css 类

    如何使用布尔值切换 React 中元素上 css 类的存在 在 Angular 2 中我可以这样做 class red isRed 如何在 React 中做熟悉的事情 在 React 中 元素使用如下语法获取它们的类 div div 但请注

  • Safari 中的 css3 边框半径动画过渡不起作用

    尝试在 Safari 中对图像的边框半径进行 css3 轻松过渡 它只是有点闪烁进入悬停状态 而不是平滑过渡 任何帮助深表感谢 我的代码如下 CSS all a hover img webkit border radius 50 moz b

  • 如何在不使用变换或顶部/左侧的情况下转换列表中项目的位置

    有一天我偶然发现一个例子 https codepen io itslit pen gvKrMY它使用 Vue js 但我的问题更多是关于 Vue 用于实现状态之间转换的 CSS 和 HTML 卡片暂时获得等级 shuffleMedium m

  • 获取 FileReader() 的结果对象

    有什么方法可以在不通过函数的情况下获取 FileReader 的结果对象 我在下面制作了示例代码 HTML br br br div div JS var code lorem ipsum input type file change fu

  • Django：按钮链接

    我是一名 Django 新手用户 尝试创建一个按钮 单击该按钮会链接到我网站中的另一个页面 我尝试了一些不同的例子 但似乎没有一个对我有用 举个例子 为什么这不起作用

  • 如何隐藏div元素中太长的文本？

    如何隐藏 div 中的溢出 如果文本比 div 长 则文本将换行到新行 div style width 50px border 1px solid black test test test test div 也许是 CSS 属性text o

  • Angular - CSS - 自定义类型=文件输入，如何使用按钮而不是标签？

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了

  • 为什么 IE8 在我的图像锚标记上添加底部边框？

    我知道 这很可悲 但今天早上 IT 刚刚在我的机器上安装了 IE8 我立刻遇到了一个明显的问题 尽管我知道答案就在我面前 但我已经把它搞砸了太久了 首先 这是网站 www mchenry edu http www mchenry edu 在

  • CSS 类命名约定

    在网页上 有两个控件块 主要和次要 大多数人会使用什么类名 选择一 div class primary controls div

  • php - 解析html页面

    div divbox div p para1 p p para2 p p para3 p table class table tr td td tr table p para4 p p para5 p 有人可以告诉我如何解析这个 html

  • 使用 CSS 使一行 div 高度相同

    我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少 内容来自外部源 我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动 然后我将它们的高度设置为 100 但这没有明显的效果 通过将封闭 div 的高度设置为固定

  • 网站的主体和元素固定在 980px 宽度上，不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width

  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区

  • HTML 锚点，禁用样式

    我有一些 html 锚链接代码 与文档的其余部分不同 我希望它看起来不是链接 有没有一种简单的方法可以禁用由于将文本包装在锚标记中而引起的样式更改 而不必强行使其相同 即 如果我更改正文字体样式 我不必也更改其他一些 link东西 将颜色设

  • 在 Nexus 7 2013 上更改方向时 CSS 媒体查询不起作用

    我目前正在我的笔记本电脑 台式电脑和 Nexus 7 2013 上测试 CSS 媒体查询 除了 Nexus 7 之外 它们在台式机和笔记本电脑上都运行良好 当我更改方向时 除非刷新页面 否则样式不会应用 例如 以纵向模式握住设备时 页面正常

随机推荐

  • 从缓存中获取时完整性不正确

    跑步时yarn add dev jest I got 从缓存中获取时出现错误完整性错误 完整输出 tests master yarn add dev jest yarn add v1 19 0 info No lockfile found

  • 熔化 + strsplit，或与聚合相反

    我有一个小问题 在概念上似乎很简单 但我找不到方法 假设我有一个 data frame df2 其中一列列出了汽车品牌 另一列列出了每个品牌的所有型号 并用 分隔 我已经获得了 df2 聚合另一个名为 df1 的 data frame 主键

  • php json_encode 不转义新行

    我面临 json encode 的一些问题 当我 json encode 一个包含新行的数组时 它不会转义新行 而是删除 并保留 n ex array array name gt some text n r text results jso

  • 使用bat启动Powershell脚本

    我有一个批处理文件 test bat 来启动 powershell 脚本 pushd C myscripts powershell test ps1 arg1 arg2 with space arg3 popd 脚本 test ps1 位于

  • 仅当添加为引用时，在 C++ Windows 应用程序中引用本机 C++ DLL 才有效

    Visual Studio 2013 2015 我有一个空白的 C Windows 应用商店应用程序和同一解决方案中最简单的 DLL 仅导出void foo 在例如中使用此 DLL Win32 控制台应用程序按预期工作 包含 DLL 标头并

  • 如何将 raw_input 变量视为整数[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 Mit Print kann ich das Programm den Wert einer Variablen ausgeben anz

  • 修改字符串（字符数组）[关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我正在尝试用C语言修改一个字符串 char signal cat 8 if k 1 strcpy s signal ca

  • 我无法运行 geckodriver、python selenium ； [Win错误216]

    我有 win32 驱动程序 https github com mozilla geckodriver releases https github com mozilla geckodriver releases 并将exe放在python3

  • 如何刷新网站缓存？

    这个问题专门针对 Azure 在其门户中 我有一个在 Azure WordPress 中运行的测试站点 当我尝试查看我所做的更新时 我看不到它们 即使我刷新浏览器的缓存 或者在从未访问过该网站的新位置访问该网站 我也看不到这些更改 我的下一

  • React：更新数组元素而不重新渲染其他数组元素

    是否有可能重新渲染一个元素一个数组的 阻止其他人重新渲染 Example 拥有 500 个数组

  • 使用自定义 ID 插入数据的代码优先实体框架

    我在项目中使用代码优先 EF 在插入具有自定义 id 的数据时遇到问题 当我尝试插入具有自定义 ID 例如 999 的数据时 EF 会忽略它并将递增的 ID 插入表中 我的型号 public class Address Key public

  • 为什么 `Export Default Const` 无效？

    我看到以下内容很好 const Tab connect mapState mapDispatch Tabs export default Tab 然而 这是不正确的 export default const Tab connect mapS

  • 在 CodeIgniter 中实现 TinyMCE 的问题

    我正在尝试在 CodeIgniter 中实现 TinyMCE 我创建了一个视图文件并从控制器调用它 我已将所有文件上传到我的 CI 项目文件夹中并显示了文件的路径 但它不起作用 这是视图文件

  • YouTube 播放器在移动设备上几秒钟后停止

    我的移动网页中嵌入了 YouTube 视频 在桌面上 它可以正常播放 然而 在手机上 在 Android 上模拟 它会在一段时间后停止并抛出错误 当我在控制台中调试时 会生成以下错误 无法加载资源 net ERR FAILED XMLHtt

  • 使用 Spring Batch 依次链接两个作业的最佳方法

    我有两份工作 工作1 工作2 Job2 依赖于 job1 的结果 所以它必须等到 job 1 完成 我需要以某种方式链接它们 当 job1 完成时 它需要调用 job2 怎么做 使用tasklet到底会调用job2哪个 另一种方式可能是调用

  • 更快的 Aho-Corasick PHP 实现

    是否有有效的实施阿霍 科拉西克 http en wikipedia org wiki Aho E2 80 93Corasick string matching algorithm在 PHP 中 有一个PHP 中的 Aho Corasick

  • Android按钮setOnClickListener设计

    我正在构建一个 Android 应用程序 我注意到我在每个类中创建了许多与此类似的重复代码 Button buttonX Button findViewById R id buttonXName Register the onClick l

  • R 中一个 PDF 页面上的多个 hexbin 图

    我正在尝试创建一个包含多个内容的 PDFhexbin我希望每页有特定数量的绘图 这个有效 PDFPath C temp some pdf pdf file PDFPath par mfrow c 2 2 for i in seq 5 10

  • 如何在 Tkinter 消息窗口中自动滚动

    我编写了以下类 用于在额外的窗口中生成 监视 输出 不幸的是 它不会自动向下滚动到最新行 怎么了 因为我在 Tkinter 和 ipython 方面也有问题 qt4 的等效实现会是什么样子 这是代码 import Tkinter class

  • 在html/css中实现白色不透明效果

    有没有办法以跨浏览器兼容的方式实现这种效果 而无需准备单独的图像 基本上 文本所在的框架有一个不透明度为 50 的白色覆盖层 我想要一个除了背景之外不涉及创建任何其他图像的解决方案 但我不知道这是否可能 尝试 RGBA 例如 div bac

热门标签