[英]CSS rgba in Internet Explorer
我的盒子有RGBa
不透明度背景。 它適用於除IE之外的所有瀏覽器。 我在IE 8上嘗試過它。IE顯示頁面沒有背景(RGBA顏色)。 我嘗試了ms過濾器:
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000);
縮放:1; 和-ms-filter:“ progid:DXImageTransform.Microsoft.Alpha(Opacity = 30)”; 它不起作用。 這是我的背景代碼:
background-image: -webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%); background-image: linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);
和盒子的完整代碼:
.box1 {
height: 1100px;
width: 800px;
margin-right: auto;
margin-left: auto;
background-size: cover;
background-repeat: repeat;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
-moz-box-shadow: 20px 20px 20px #CCC;
-webkit-box-shadow: 20px 20px 20px #CCC;
box-shadow: 20px 20px 20px #CCC;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-image: -webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);
background-image: linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);}
為了使IE8使用CSS RGBa屬性,您需要將IE8語法放在RGBa條目的開頭。 在任何Webkit或符合標准的條目之前:
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000)";
/* Other Browsers */
-webkit-linear-gradient(270deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);
linear-gradient(180deg,rgba(238,242,243,0.65) 30.57%,rgba(239,239,239,0.89) 100%);
/* IE9+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.