Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5

CSS - Images

Googleplus Pint
#4
The -moz-opacity Property:
The -moz-opacity property of an image is used to set the opacity of an image. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.

In Mozilla (-moz-opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent (The same things goes for the CSS3-valid syntax opacity:x).

In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.

Here is the example:

<img style="border:1px solid red;-moz-opacity:0.4;filter:alpha(opacity=40);" src="/images/css.gif" />
Hasan
Reply


Messages In This Thread
CSS - Images - by Hasan - 06-28-2018, 09:36 AM
RE: CSS - Images - by Hasan - 06-28-2018, 09:36 AM
RE: CSS - Images - by Hasan - 06-28-2018, 09:36 AM
RE: CSS - Images - by Hasan - 06-28-2018, 09:37 AM

Possibly Related Threads…
Thread Author Replies Views Last Post
  CSS white-space Property Hasan 0 1,651 07-04-2018, 03:29 AM
Last Post: Hasan
  CSS - Tables Hasan 2 1,940 06-28-2018, 09:55 AM
Last Post: Hasan
  CSS - Links Hasan 1 2,278 06-28-2018, 09:47 AM
Last Post: Hasan
  css text effect Hasan 9 2,639 06-28-2018, 09:34 AM
Last Post: Hasan
  Setting Fonts using CSS Hasan 7 2,482 06-28-2018, 09:30 AM
Last Post: Hasan
  Setting Backgrounds using CSS Hasan 1 1,541 06-28-2018, 03:31 AM
Last Post: Hasan
  CSS - Colors Hasan 0 1,651 06-28-2018, 03:23 AM
Last Post: Hasan
  CSS Syntax - Selectors Hasan 0 1,449 06-28-2018, 03:20 AM
Last Post: Hasan
  CSS Introduction Hasan 0 1,435 06-28-2018, 03:19 AM
Last Post: Hasan

Forum Jump:


Users browsing this thread: 1 Guest(s)