{"id":11980,"date":"2022-03-05T04:02:36","date_gmt":"2022-03-05T09:02:36","guid":{"rendered":"http:\/\/local.brightwhiz\/?post_type=snippets&p=11980"},"modified":"2022-03-05T04:05:08","modified_gmt":"2022-03-05T09:05:08","slug":"how-to-make-background-transparent-in-css","status":"publish","type":"snippets","link":"http:\/\/local.brightwhiz\/snippets\/how-to-make-background-transparent-in-css\/","title":{"rendered":"How to Make Background Transparent in CSS"},"content":{"rendered":"\n
Make background transparent code.<\/p>\n\n\n\n
div {\n background-color: transparent; \/* 100% transparent *\/\n}<\/code><\/pre>\n\n\n\nHow to make background transparent using RGBA.<\/p>\n\n\n\n
div {\n background-color: rgba(255, 255, 255, 0.25); \/* partially Transparent at 25% from white *\/\n}<\/code><\/pre>\n\n\n\nHow to make background transparent using opacity.<\/p>\n\n\n\n
\/* 25% transparent *\/\ndiv {\n opacity: 0.25; \n filter: alpha( opacity=25 ); \/* For IE8 and earlier *\/\n}\n\n\/* or *\/\n\ndiv {\n opacity:25% ; \n}<\/code><\/pre>\n","protected":false},"comment_status":"open","ping_status":"closed","template":"","meta":[],"categories":[953,15],"tags":[954,170,303,471,638],"yoast_head":"\nHow to Make Background Transparent in CSS [Snippet]<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n