草庐IT

透明背景

全部标签

在保持文本不透明度的同时,可以使用仅使用HTML制作一个透明的容器?

我想在保持文本/图像不透明的同时使我的容器背景透明。只能使用HTML做到这一点吗?这是我的代码:看答案我看到了您的问题,如果我正确理解您,我想我知道您可以做什么。我注意到的一件事是,在我进一步走之前,看起来您正在使用引导程序代码。如果您更改了可能与此相关的CSS样式表,则可能会更好,更有效,也可能不会破坏整体代码的其他元素,但是让我们看看我的解决方案是否对您有效。基本上您想做的是:1)在您的HTML中编写一个“样式”标签,然后在其中放入样式(CSS)属性(您可以将其放入HTML代码的标题中以更好地跟踪它)。2)使用提供背景颜色的“RGBA”格式,并将其不透明度为“0”作为代码段的第四值。因此,

javascript - 即时客户端图像到 webp 转换器......但 png 不透明

这是将jpg或png转换为webp的工作代码谷歌的新图像格式平均比jpg或png小30-40%1.用Chrome打开2.设置质量3.在页面内放置图片4.等待(取决于大小..先尝试小图片)5.悬停图片查看大小差异6.要将其正确保存为webp,只需单击它基本上chrome添加了将图像/webp和质量添加到toDataURL函数的可能性canvas.toDataURL('image/webp',quality(0-1))压缩很棒。但我有一个小问题...png不透明..它会是什么?也许将Canvas设置为透明?怎么办?html,body{width:100%;height:100%;margi

javascript - 添加动态响应式背景图片的最佳方式是什么?

向静态站点添加(响应式)背景图像的最佳方式是什么?另一个要求(描述为“动态”)是图像由后端设置,因此不能直接写入CSS文件。选项A:通过style属性在模板中注入(inject)背景图像。优点:浏览器的Preparser可以获取它。Contra:它直接添加样式并硬编码到不理想的标记中。我也不知道如何在不向style属性中添加super复杂的媒体查询的情况下实现响应式图像解决方案。选项B:在模板中注入(inject)响应式背景图像源作为数据属性,并通过JavaScript将最佳假设写入style属性。优点:响应式图像是可以实现的。内联样式仅通过脚本写入标记。Contra:当JavaScr

javascript - Phaser 3补间不透明度?

我正在尝试将Sprite从一点补间到另一点,并让它在移动时逐渐消失。我试过这个:consttween=game.tweens.add({targets:[log.sprite],x:fire.x,y:fire.y+(fire.height*0.2),opacity:0,duration:300,repeat:0,onComplete(){destroyLog(log);resolve();},});但这行不通。我很难找到适合Phaser3的API文档,所以我不确定应该在哪里寻找这些信息。 最佳答案 您可能应该使用alpha而不是op

javascript - 在图表中设置背景颜色

我正在使用主题,但我想将图表周围的背景颜色设置为白色或透明或其他颜色。我正在尝试这段代码:varmyTheme=dojox.charting.themes.PlotKit.orange;myTheme.fill="white";chart10.setTheme(myTheme);chart10.addPlot("default",{type:"Pie",labelOffset:-30,radius:150,startAngle:45,font:"normalnormal10ptTahoma",fontColor:"black",labelWiring:"grey",labelStyle

javascript - 如何测试浏览器对背景剪辑 : text? 的支持

如何测试background-clip:text的值,webkit支持文本,但是mozilla和其他浏览器不支持我已经尝试过modernizrteststyles但没有成功 最佳答案 vartestEl=document.createElement("x-test");varsupportsWebkitBackgroundClipText=typeoftestEl.style.webkitBackgroundClip!=="undefined"&&(testEl.style.webkitBackgroundClip="text",t

javascript - SlickGrid 2.0 无法更改奇数索引中的行背景颜色

我正在尝试使用此代码更改背景颜色:data.getItemMetadata=function(index){if(index===5){return{cssClasses:"Unverified"};}}只要索引是偶数,它就可以完美运行。但对于奇数索引,它对背景颜色没有影响(它对字体样式有影响)。我怀疑这与斑马效应有关?(我不知道如何禁用它)谢谢。 最佳答案 您的UnverifiedCSS类已应用,但没有效果,因为它的特异性低于slick-default-theme.css中定义的:.slick-row.odd{background

javascript - 使 td 的背景图像适合非静态图像的 100%

我有td标签:和CSS:.np-logo{background-repeat:no-repeat;background-size:100%;}我正在根据公司Logo更改图像。所有图像的大小和宽度都不同。.np-logo{background-image:url('"+companylogo+"');问题是图像没有正确地适应td。我希望它们占据整个td。但是对于每个公司来说,背景图像的位置都不统一。我什至尝试在图像加载时使用java脚本以适应容器。虽然没有用。任何帮助家伙......? 最佳答案 尝试background-size:1

javascript - 检查 css 背景大小支持的方法

我正在开发一个主要使用background-size:cover属性作为背景的网站。但是我想支持IE7/8,我知道我可以使用IE条件注释,但检查属性支持会更有用,因为它可以支持其他旧浏览器,而不是仅支持IE。我有背景问题的解决方案,但我需要知道何时使用js添加它,具体取决于是否支持background-size属性。我的问题是,在旧浏览器中检查cssbackground-size属性的最佳方法是什么?我看到了一些相关的问题,但它们都需要使用Modernizer,我宁愿不使用额外的库,除非它是唯一的选择。谢谢。 最佳答案 if('ba

javascript - 如何使用 javascript/jQuery 获取透明元素的有效背景颜色

基本上,我在页面上有一个元素可以插入多个不同的位置。它没有设置背景颜色,但根据插入位置的背景颜色,我可能想对其进行一些更改。我的问题是:如何为元素获取有效的背景色,即使该背景色可能是从父级继承的(可能一直到主体)。这是一个简化的示例,我想在其中找到.color-me的背景颜色what'smybackground-color?还有一个代码笔:http://codepen.io/evanhobbs/pen/FbAnL/ 最佳答案 考虑到一些(非常重要的)注意事项,这是可能的。zzzzBov在对问题的评论中很好地总结了它们:...thec