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中的動態不透明度

回答

相關問題