html – 如何使用css将图像添加到透明框中

html – 如何使用css将图像添加到透明框中,第1张

概述所以,伙计们,我的英语不是很好,但我想你能理解我.我创建了一个透明的盒子,我想为它添加一个图像,但是当我添加图像时,它也变得透明,我该怎么办? 这是我的代码: html { background: url(Untitled-4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-backg 所以,伙计们,我的英语不是很好,但我想你能理解我.我创建了一个透明的盒子,我想为它添加一个图像,但是当我添加图像时,它也变得透明,我该怎么办?

这是我的代码:

HTML {   background: url(UnTitled-4.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}body {text-align: center;}#main {wIDth: 700;height: 400;background:#FFFFFF;margin: 25px auto;border: solID 5px #191919display:       inline-block;padding:       8px 20px;background:    #073763 url repeat-x;border-radius: 5px;color:         #fff;Font:          normal 700 24px/1 "Calibri",sans-serif;text-align:    center;text-shadow:   1px 1px 0 #000;opacity: 0.5;
<HTML><head><Title>Dragon Kova Z: Fryzo prisikėlimas </Title><@R_502_6862@ rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><@R_502_6862@ href="style.CSS" type="text/CSS" rel="stylesheet"></head></HTML><body><img src="filmo info.gif" alt="Mountain VIEw" <div ID="main"><embed src="FLOW - HERO -Kibou no uta-.mp3" wIDth="0" height="0" autostart="false" name="mysound" enableJavaScript="true"/>
解决方法 为了保持元素的内容变为半透明,当继承opacity属性时,有一种技巧可以将透明度应用于元素,而不会使图像或任何内容透明.只将背景颜色设置为透明,如下所示 –

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

现在不要使用不透明度.

总结

以上是内存溢出为你收集整理的html – 如何使用css将图像添加到透明框中全部内容,希望文章能够帮你解决html – 如何使用css将图像添加到透明框中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1070230.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存