transparent 相关问题

我有以下代码：我有以下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { padding: 0; margin: 0; grid-template-areas: usrdscr; } main .usrcontainer { grid-area: usrdscr; display: flex; padding-left: 15px; padding-right: 15px; box-sizing: border-box; background-color: rgba(6, 6, 92, 0.335); width: 100%; } main .usrcontainer .imgbkg { background-color: transparent; align-self: center; } main .usrcontainer .imgbkg img { max-height: 105px; justify-content: right; } main .usrcontainer p { color: black; align-content: center; padding-left: 20px; min-height: 130px; } main .usrcontainer .usrdscr { width: 90%; } main .usrcontainer .price { font-size: xx-large; max-width: 120px; text-align: left; padding-right: 40px; } main .usrcontainer .pricenote { text-align: left; align-content: end; padding-bottom: 10px; } main .usrcontainer .stars { justify-self: center; align-self: start; padding: 30px; } </style> </head> <body> <main> <div class="usrcontainer"> <div class="imgbkg"><img src="https://source.unsplash.com/random/105x105" alt="Foto usuário redondo"></div> <p class="usrdscr">Name, <strong>Job</strong> <img src="https://source.unsplash.com/random/15x15" alt="Map pin"> 5Km <br><br>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus vero ex debitis eligendi sed non maxime vitae molestias aperiam quos. </p> <div class="cardpreco"> <img class="stars" src="https://source.unsplash.com/random/200x15" alt="4 Estreas"> <p class="price">R$200,00 / hora</p> <p class="pricenote">Lorem, ipsum dolor.</p> </div> </div> </main> </body> </html> 我正在尝试使第一张图像（位于“imgbkg”div 内）后面没有背景颜色。现在，第一个图像使用与“usrcontainer”div 相同的背景颜色。我尝试设置“背景颜色：透明”，如图所示，但是它不起作用。我尝试搜索并发现使用“flex：1”可以有所帮助，但仍然相同。有什么帮助吗？？？？为了更清楚地说明，现在我明白了：我正在尝试做这样的事情：我可以让第一张图像（位于 imgbkg div 内）没有 background-color 吗？不，如果图像放在 .usrcontainer 内部，则无法做到这一点，但是如果将其放在外部，然后将 .imgbkg 和 .usrcontainer 包装在 Flex 容器和一些 CSS 中，则可以实现此目的调整（我在CSS中添加了注释）。 body { padding: 0; margin: 0; grid-template-areas: usrdscr; } /* Added new class */ .wrapper { display: flex; box-sizing: border-box; width: 100%; } /* this one to make sure it's aligned with .usrdscr */ .imgbkg { align-content: center; } main .usrcontainer { /* grid-area have no effect without display: grid */ /* grid-area: usrdscr; */ display: flex; padding-left: 15px; padding-right: 15px; box-sizing: border-box; background-color: rgba(6, 6, 92, 0.335); width: 100%; } main .usrcontainer .imgbkg { background-color: transparent; align-self: center; } main .usrcontainer .imgbkg img { max-height: 105px; justify-content: right; } main .usrcontainer p { color: black; align-content: center; /* commented this to make text closer to image */ /* padding-left: 20px; */ min-height: 130px; } main .usrcontainer .usrdscr { width: 90%; } main .usrcontainer .price { font-size: xx-large; max-width: 120px; text-align: left; padding-right: 40px; } main .usrcontainer .pricenote { text-align: left; align-content: end; padding-bottom: 10px; } main .usrcontainer .stars { justify-self: center; align-self: start; padding: 30px; } <main> <div class="wrapper"> <div class="imgbkg"><img src="https://source.unsplash.com/random/105x105" alt="Foto usuário redondo" /></div> <div class="usrcontainer"> <p class="usrdscr"> Name, <strong>Job</strong> <img src="https://source.unsplash.com/random/15x15" alt="Map pin" /> 5Km <br /><br />Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus vero ex debitis eligendi sed non maxime vitae molestias aperiam quos. </p> <div class="cardpreco"> <img class="stars" src="https://source.unsplash.com/random/200x15" alt="4 Estreas" /> <p class="price">R$200,00 / hora</p> <p class="pricenote">Lorem, ipsum dolor.</p> </div> </div> </div> </main>

html css flexbox background-color transparent

回答 1 投票 0

如何在透明 NSWindow 中区分 mouseDown 事件和 mouseDragged 事件

我有一个透明的 NSWindow，其中有一个简单的图标，可以在屏幕上拖动。我的代码是：。H： @接口自定义视图：NSWindow{ } @property（分配）NSPoint初始位置； .米 @

objective-c xcode macos transparent nswindow

回答 2 投票 0

如何使用Python使jpg图像的白色背景透明？

我的 JPG 图像周围有白色背景。我不想改变图像本身，我只想使白色背景透明。代码如下：导入CV2 将 numpy 导入为 np 来自 PIL

python image python-imaging-library jpeg transparent

回答 1 投票 0

Unity for Android 中的 VP8 视频透明度问题

我正在使用 Unity 创建一个显示来自 URL 的视频的应用程序。视频采用 webm 格式，采用 VP8 编解码器。在 Unity 编辑器中，一切都按预期工作 - 视频显示...