草庐IT

不透明度

全部标签

javascript - 带有半透明点击图 block 的 HTML/JS/CSS 等距网格

我正在尝试创建一个使用侧面“等距”View和透明图block的网络应用程序/游戏。我可以使用仅将每个div(每个图block)设置为position:absolute并设置top和left参数的PHP公式来显示它们(但不是很好)。问题是我如何捕获对图block的点击并让带有透明位的图block点击到它下面的图block。我的问题的一个例子是http://stuff.adammw.homeip.net/other/fv/farmville_2.html 最佳答案 您无法对tile元素本身执行此操作,因为它们始终是矩形的。您必须监视鼠标

javascript - 使用过渡 + 不透明度更改 + 溢出隐藏时出现问题

如果您看到我分享的代码示例,您可以看到覆盖在框外。我将问题追溯到transition属性。我想删除div之外的内容。溢出无法正常工作。(删除transition有效,但如果可能,我想保留它)任何帮助表示赞赏CodepenLink代码vartimer=setInterval(function(){document.querySelector(".qs-timer-overlay").style.opacity=(document.querySelector(".qs-timer-overlay").style.opacity*1)+0.1;if(document.querySelecto

javascript - 使用过渡 + 不透明度更改 + 溢出隐藏时出现问题

如果您看到我分享的代码示例,您可以看到覆盖在框外。我将问题追溯到transition属性。我想删除div之外的内容。溢出无法正常工作。(删除transition有效,但如果可能,我想保留它)任何帮助表示赞赏CodepenLink代码vartimer=setInterval(function(){document.querySelector(".qs-timer-overlay").style.opacity=(document.querySelector(".qs-timer-overlay").style.opacity*1)+0.1;if(document.querySelecto

javascript - 将不透明的图像绘制到 Canvas 上

这个问题在这里已经有了答案:Howtochangetheopacity(alpha,transparency)ofanelementinacanvaselement?(10个答案)关闭7年前。我有一张图片。我使用drawImage()将其绘制到Canvas上。我的问题是:如果图像的不透明度为0.4,我如何以相同的不透明度将其绘制到Canvas上。我创建了一个示例Fiddlehere.我如何将#scream绘制到mycanvas上并在图像上保持0.4的不透明度。html:Imagewith0.4opacitytobeused:Canvas:CSS:#scream{opacity:0.4;

javascript - 将不透明的图像绘制到 Canvas 上

这个问题在这里已经有了答案:Howtochangetheopacity(alpha,transparency)ofanelementinacanvaselement?(10个答案)关闭7年前。我有一张图片。我使用drawImage()将其绘制到Canvas上。我的问题是:如果图像的不透明度为0.4,我如何以相同的不透明度将其绘制到Canvas上。我创建了一个示例Fiddlehere.我如何将#scream绘制到mycanvas上并在图像上保持0.4的不透明度。html:Imagewith0.4opacitytobeused:Canvas:CSS:#scream{opacity:0.4;

2023华数杯数学建模B题思路分析 - 不透明制品最优配色方案设计

1赛题B题不透明制品最优配色方案设计日常生活中五彩缤纷的不透明有色制品是由着色剂染色而成。因此,不透明制品的配色对其外观美观度和市场竞争力起着重要作用。然而,传统的人工配色存在一定的局限性,如主观性强、效率低下等。因此,研究如何通过计算机方法来实现不透明制品的配色具有重要意义。光通过物体传播有吸收、反射和透射三种方式。对于不透明制品来说,大部分光线会被其表面吸收或反射。吸收和反射的光线在经过透明度等校正后按波长分解成不同的颜色成分,形成光谱图。该光谱图通常由400–700nm波段的各色光组成。为简化计算,最终配色后的颜色的反射率以20nm为间隔的光谱数据来表示。对于不透明材料而言,吸收系数K/

html - 如何在容器 div 而不是子文本上设置不透明度?

我有一个带有CSS样式规则opacity:0.4;的DIV。在div中有一个a标签,文本也有一个不透明度。我如何为文本声明:opacity:1或任何好主意....您可以在以下链接中看到它:http://yagen.org/画廊在页面上方。 最佳答案 如果您设置了一个元素的不透明度,那么它的所有子元素也会设置不透明度。如果您想要透明背景上的不透明文本,请查看RGBa。结果看起来像这样:.mycontainer{background:rgb(60,60,60);background:rgba(60,60,60,0.4);}.mycont

html - 如何在容器 div 而不是子文本上设置不透明度?

我有一个带有CSS样式规则opacity:0.4;的DIV。在div中有一个a标签,文本也有一个不透明度。我如何为文本声明:opacity:1或任何好主意....您可以在以下链接中看到它:http://yagen.org/画廊在页面上方。 最佳答案 如果您设置了一个元素的不透明度,那么它的所有子元素也会设置不透明度。如果您想要透明背景上的不透明文本,请查看RGBa。结果看起来像这样:.mycontainer{background:rgb(60,60,60);background:rgba(60,60,60,0.4);}.mycont

html - 如何在响应式方形网格中仅使背景图像透明?

我使用web-tiki'sresponsivesquaregridlay-out's制作了一些带有背景图片和文字的响应式方block,如下所示:HTML:VISIBLETEXTCSS:.square{float:left;position:relative;margin:0.25%;width:50%;padding-bottom:50%;/*=widthfora1:1aspectratio*/background-color:#1E1E1E;overflow:hidden;}.content{position:absolute;height:90%;/*=100%-2*5%paddi

html - 如何在响应式方形网格中仅使背景图像透明?

我使用web-tiki'sresponsivesquaregridlay-out's制作了一些带有背景图片和文字的响应式方block,如下所示:HTML:VISIBLETEXTCSS:.square{float:left;position:relative;margin:0.25%;width:50%;padding-bottom:50%;/*=widthfora1:1aspectratio*/background-color:#1E1E1E;overflow:hidden;}.content{position:absolute;height:90%;/*=100%-2*5%paddi