HTML中的动态不透明度

-2

我有一个范围为0-1的变量，我想根据它确定元素的不透明度。我知道有一种方法可以用CSS来做，但我想用html来做。这是我的html代码：HTML中的动态不透明度

<td align=center bgcolor=(255,0,0)>

来源

2017-03-22 pnina

能否请您分享你的CSS和HTML代码？ –

你不能。没有CSS，你的HTML只不过是文本而已。 – Webbanditten

HTML不会做风格...？你必须用CSS来完成。即使HTML文档中的内联样式是CSS。 – Terry

你不仅可以用HTML做到这一点。您将需要CSS规则或Javascript代码来设置CSS值。例如：

.foo { 
    opacity: 0.5 
}

并为标记设置class="foo"。如果你需要使用JavaScript设置不透明度，那么你可以做这样的事情

var myOpacityValue = 0.5; 
document.getElementById("myDIV").style.opacity = myOpacityValue;

来源

2017-03-22 07:16:33

使用HTMLElement.style

参考HTMLElement.style

function myFunction() { 
 
var opacity = document.getElementById("opacity").value; 
 
document.getElementById("container").style.opacity = opacity; 
 
}

body{ 
 
background-color: #ccc; 
 
} 
 
#container{ 
 
height:50px; 
 
width:100px; 
 
background-color:#003F87; 
 
color:#000; 
 
display:flex; 
 
justify-content:center; 
 
align-items:center; 
 
margin-bottom:20px; 
 
}

<h1>Enter the opacity value</h1> 
 
<div id="container"></div> 
 
<input type=number id="opacity" step="0.01" min="0" max="1"> 
 
<button onclick="myFunction()">Change</button>

来源

2017-03-22 07:52:35

HTML中的动态不透明度

回答

相关问题