这是我的代码:
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将图像添加到透明框中所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)