資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究適用於 IE 8 及更早版本的瀏覽器，全瀏覽器的 CSS 影像不透明度
opacity 屬性是最終且現代化的解決方案，適用於 Firefox 0.9+、Safari 2、opera 9+、IE 9+ 和 Google Chrome 的所有版本。-moz-opacity 屬性是 Firefox 低於 0.9 版本的不透明度屬性，而 –khtml-opacity 屬性是 Safari 從 1 開始的版本的不透明度屬性。filter 屬性適用於 5 到 9 的 IE 瀏覽器，以提供類不透明度的效果。
以下是適用於所有瀏覽器的 CSS 影像不透明度程式碼 −
示例
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
img {
width:270px;
height:200px;
}
.transparent{
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
</style>
</head>
<body>
<h1>Opacity example</h1>
<img src="https://i.picsum.photos/id/505/800/800.jpg" >
<img class="transparent" src="https://i.picsum.photos/id/505/800/800.jpg" >
</body>
</html>輸出
以上程式碼將產生以下輸出 −
更新時間：2020 年 5 月 11 日
219 次瀏覽
廣告