html - 不同於 1 或 0 的 CSS 不透明度在 IE11 中不起作用
[英]html - CSS Opacity different than 1 or 0 not working in IE11
問題描述
我在 Internet Explorer 11 中遇到了 css 屬性不透明度的問題。代碼非常簡單：
<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style> div{ width:100px; height: 100px; background: blue; } #d1{ opacity: 1; } #d2{ opacity: 0.7; } </style> </head> <body> <div id='d1'>df</div> <div id='d2'>trtret</div> </body> </html>
在 IE11 上，不透明度設置不適用於第二個 div。 所有其他瀏覽器都很好。 我正在通過本地 uWamp 使用 Apache 服務器（所以它是一個本地主機網站，但上線時同樣重要）。
我知道關於這個主題還有其他主題，但到目前為止他們沒有幫助......
使用開發者工具，我發現不透明度被 IE 設置為 0： Wrong opacity in IE
3 個解決方案
解決方案1
2 已采納 2016-06-01 12:12:41
背景顏色的技巧奏效了，但元標記沒有改變任何東西。
最后，我通過刪除 IE 緩存（ tools --> internet options --> general --> delete... ）使“不透明度”css 工作。
解決方案2
1 2016-06-01 10:30:44
在舊的 Internet Explorer 版本上，您需要添加它以獲得透明度：
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
或者這個：
filter : alpha(opacity=70)
但是在 IE10+ 上你不再需要它了，你可以使用opacity: 0.7 。
嘗試在<head>標簽之間添加這一行：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
此行強制 IE11 使用最新的渲染引擎（在這種情況下為 Edge 引擎）。
解決方案3
0 2020-02-04 16:31:20
CSS opacity 屬性似乎適用於 IE11，在 html 文檔頂部添加<!DOCTYPE html>聲明（在<html>打開標記之前）
（我很抱歉回答這個問題有點晚（超過三年）。我想這對於仍在使用 IE11 的人來說可能有用。
注意：使用 IE 版本 11.1622.16299.0 測試
CSS 不透明度在 IE11 中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.