CSS Opacity or Transparency: The opacity property is used to specify the transparency of an element. The value of opacity can range from 0.0-1.0. The lower the value, more will be the image transparency. Program :  <html>  <head>  <style> img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }  </style>  </head>  <body>  <h1>Image Transparency</h1>  <p>The opacity property specifies the transparency of an element. The lower the value, the more transparent:</p> <p>Image with 50% opacity:</p> <img src="img_forest.jpg" alt="Forest" width="170" height="100">  </body>  </html>

Question

Want to see the full answer?

Answer 1

Question

Chapter 3, Problem 2WR

Program Plan Intro

CSS Opacity or Transparency:

The opacity property is used to specify the transparency of an element. The value of opacity can range from 0.0-1.0. The lower the value, more will be the image transparency.

Program:



<html>



<head>



<style>

img

{

opacity: 0.5;

filter: alpha(opacity=50); /* For IE8 and earlier */

}



</style>



</head>



<body>



<h1>Image Transparency</h1>



<p>The opacity property specifies the transparency of an element. The lower the value, the more transparent:</p>

<p>Image with 50% opacity:</p>

<img src="img_forest.jpg" alt="Forest" width="170" height="100">



</body>



</html>

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Students have asked these similar questions

Question kk For CSS Can you list the main display&positioning, flexbox, and grid properties? how are they all similar? how are they different? which method to layout a webpage is best, and which one is more frequently used? Don't ignore any part all part work u

this is what I have so far on this homework please help im stuck I need an answer similar to what in the link below https://www.bartleby.com/questions-and-answers/css-requirements-separate-your-style-sheets-into-three-stylescolors.css-stylesformatting.css-stylest/6de4db39-d0f3-428c-ba78-9ee24b6cfce4 my html below <!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/colors1.css"> <link rel="stylesheet" type="text/css" href=""> <link rel="stylesheet" type="text/css" href=""> </head> <body>  <main>  <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1>…

I need help with creating a main.css, I already have the HTML.the details are in the pic and I will send you my HTML as a URLhttp://home.ite.sfcollege.edu/~diana.reyes.perdomo/shape%20up/ and the pic that I sent is the way that has to be.please let me know if you can help me. its due today