transparency 相关问题

我如何变暗（添加半透明覆盖层）并向该图像添加文本（但水平和垂直居中），如下所示：超文本标记语言我如何变暗（添加半透明覆盖层）并向该图像添加文本（但水平和垂直居中），如下所示： HTML <img src="http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg" id="top" data-appear-animation="fadeIn"> CSS #top { width: 100%; height: auto; } body { margin: 0px; } 在这里摆弄：http://jsfiddle.net/6jf0nxd5/ 要将文本水平和垂直居中，您需要将其包装在带有 text-align:center; 的容器中。然后您可以使用伪元素将其垂直居中。对于叠加层，您可以为文本容器指定 rgba() 可以具有透明度的背景色：演示 body { margin: 0px; } .wrap{ position:relative; } .wrap img{ width:100%; height:auto; display:block; } .text{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); text-align:center; } .text:after{ content:''; width:1px; height:100%; vertical-align:middle; display:inline-block; } .text span{ display:inline-block; vertical-align:middle; } <div class="wrap"> <img src="http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg" id="top" data-appear-animation="fadeIn" /> <div class="text"><span>Text over the image <br/>Second line</span></div> </div> html <div id='back'><div id='mask'><div id='text'>fsfsfsssf</div></div></div> CSS body{ margin:0px; } #back{ width:100%; height:500px; background: url("http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg") no-repeat; background-size:contain; } #mask{ position:relative; width:100%; height:500px; background:rgba(255,255,255,0.5); } #text{ position:absolute; top:230px; left:48%; } 小提琴：http://jsfiddle.net/6jf0nxd5/20/ 试试这个 HTML： <img src="http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg" id="top" data-appear-animation="fadeIn"> <div class="sometext">some text</div> CSS： #top { width: 100%; height: auto; opacity:.3; position:absolute; z-index:0; } body { margin: 0px; } .sometext { position:absolute; z-index:1; } http://jsfiddle.net/6jf0nxd5/21/ HTML <div class='imgWrap'> <span>This is some very long text that might or might now flow on top of the image</span> <img src="http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg" id="top" data-appear-animation=fadeIn"> </div> CSS： .imgWrap { display: inline-block; background: #000; position: relative; } .imgWrap > img { display: block; opacity: .5; } .imgWrap > span { position: absolute; display: table; text-align: center; z-index: 1; height: 100%; left: 0; right: 0; padding: 20px; color: #FFF; font-size: 2em; } .imgWrap > span::after { content: attr(data-title); display: table-cell; vertical-align: middle; }

html css overlay transparency

回答 4 投票 0

如何获取裁剪或调整后的 PNG PHAsset 数据？

我想用下面的代码获取PNG PHAsset的数据，但它总是返回原始图像资源的图像数据，即使我已经裁剪了它。 PHImageRequestOptions *选项 = [

ios objective-c png transparency phasset

回答 0 投票 0

[iOS]: 如何获取裁剪或调整后的 png phAsset 数据？

我想用下面的代码获取PNG phAsset的数据，但它总是返回原始图像资源的图像数据，即使我已经裁剪了它。 PHImageRequestOptions *选项 = [

ios image png transparency phasset

回答 1 投票 0

无框透明窗

我想在单击按钮时打开一个无框透明窗口。当我按下按钮时，我会打开一个新窗口，但我似乎无法使无框和透明部分正常工作。 ...

c++ qt transparency qtwidgets

回答 1 投票 0

动态生成透明跟踪像素

我正在尝试在Java中动态生成清晰的跟踪像素，但遇到了一些问题。我可以毫无问题地将其返回给用户，但我似乎无法获得正确的像素。我在做什么

java image transparency pixel

回答 4 投票 0

如何在着色器中设置 p5.js Alpha 通道透明度？

在 p5.js (v1.9.0) 中，我尝试设置一个非常基本的着色器，设置某些形状的 Alpha 通道以查看透明度（重叠的形状应该显得更亮）。整个代码在这里可见：...

shader transparency p5.js alpha

回答 1 投票 0

使用 Three.js 渲染透明对象的两侧时的伪影

我尝试用 Three.js 渲染透明对象的两面。位于透明对象内的其他对象也应该显示。可悲的是我得到了我不知道的文物。这是一个测试...

three.js transparency

回答 5 投票 0

Android：TextView透明png作为背景资源不起作用

我在 CardView 中有一个简单的 TextView （充当按钮）：我在 CardView 中有一个简单的 TextView（充当按钮）： <androidx.cardview.widget.CardView android:id="@+id/cvTestType" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" app:cardCornerRadius="5dp" app:cardElevation="10dp"> <TextView android:id="@+id/tvTestType" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:textStyle="bold" android:textSize="15sp" /> </androidx.cardview.widget.CardView> 我正在尝试为按钮设置透明的 png 背景，如下所示： private fun TextView.setTestTypeTextView(testType: TestTypeDTO) { val buttonFontSize = this.context.prefsByScreenDensity()[3] this.height = buttonsHeight this.text = testType.testTypeName.uppercase(Locale.getDefault()) this.setTextSize(TypedValue.COMPLEX_UNIT_SP, buttonFontSize.toFloat()) this.setTextColor(Color.parseColor(props.appearance.colors.appColor)) this.setBackgroundResource(R.drawable.button_act_background) } 问题是，从截图中可以看出，使用透明png作为背景是行不通的，它只是将按钮显示为白色，根本没有背景，只有在使用非透明背景时才有效. PNG 是使用 Gimp 创建（并导出）的，使用 Android Studio 预览可以完美地看到它。有什么帮助吗？编辑1：尝试了不同的透明PNG，发现使用另一个PNG我可以看到绘图，但背景仍然是白色。根本原因是您看到的 CardView 背景似乎与您的主题一样是白色的。您可以使用 app:cardBackgroundColor="@color/yourColor" 进行更改。

android background textview transparency transparent

回答 1 投票 0

如何清除透明 pngcairo gnuplot 上按键下方的空间？

在白色背景的绘图上，可以通过以下方式轻松清除键下方的空间：设置关键点不透明该命令实际上在键下方绘制一个白色矩形，因此任何绘制的线不再

gnuplot transparency legend

回答 2 投票 0

如何让MacOS应用程序完全透明，而其中的flutter widget完全可见？

我确实有一个基本的 Flutter 应用程序，并且希望为 macOS 容器应用程序实现以下目标：使 macOS 容器应用程序 100% 透明，不透明度为 0。使颤振

swift flutter macos dart transparency

回答 1 投票 0

Gimp 2.8.22：更改颜色并保持透明度

我有黑色和透明的简单图像，想将其更改为白色和透明。我想保持透明度（80% 黑色和 20% 透明 >> 80% 白色和 20% 透明...