Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to make opacity show in html and css

Featured Replies

I have this : post-23073-0-35411500-1334827586_thumb.jpg

 

You might not be able to tell from the picture but the background of the nav has got the opacity set to 80% if I save it as a png or gif will the opacity show through. I need it to because the background will eventually have different colours.

I'm not quite sure what you're asking, but you can use RGBa for transparency in backgrounds.

 

IE8 doesn't support it, but you can use the IE filter property as a fallback. To stop the filter property over-riding RGBa for IE9, use conditionals.

Yes it will work in modern browsers.

 

You can use a 80% black png tile (5px square or so) and repeat it for the bg-image of the menu div.

 

in IE6 or old browsers it will just be black, so still fully accessible.

  • Author

Yes it will work in modern browsers.

 

You can use a 80% black png tile (5px square or so) and repeat it for the bg-image of the menu div.

 

in IE6 or old browsers it will just be black, so still fully accessible.

 

Thanks guys. Just wanted to make sure it was possible before I carried on with the design.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.