Donate

How To Set Transparent Border Color In Internet Explorer 8 And Below Using CSS

Good evening!

Normally, the css snippet below paints a transparent border to containers or divs using Mozilla Firefox, Chrome or IE9+.
.NewsContent {  
  background-color: #fff;  
  border: 10px solid transparent;   
  background-clip: content-box;   
 }  
However, for other IE8 and below, I had a hard time figuring out how to make the border transparent. Luckily, I found a link: Border Color Transparent in IE6 which serves as the basis on how to set transparent border color in Internet Explorer 8 and below using CSS below:
.NewsContent {  
      background-color: #fff;  
      border: 10px solid black;   
      filter: chroma(color=black);   
 }  
Afterwards, the border color changed to transparent. MSDN link: MSDN Chroma Filter
:)

Comments

Donate

Popular Posts From This Blog

WPF CRUD Application Using DataGrid, MVVM Pattern, Entity Framework, And C#.NET

How To Insert Or Add Emojis In Microsoft Teams Status Message

Bootstrap Modal In ASP.NET MVC With CRUD Operations