CSS Transparent Overlay

CSS Transparent Overlay. This will work on IE 8 and earlier versions also.


<!DOCTYPE html>
<html>
 <head>
  <style>
   .overlay{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0.7;
      filter: alpha(opacity=70);
   }
  </style>
 </head>
 <body>
  <div class="overlay"></div>
  <div>
   sdfdssdfdsf<br/>
   sdfdssdfdsf<br/>
   sdfdssdfdsf<br/>
   sdfdssdfdsf<br/>
  </div>
 </body>
</html>

Demo

Note : This will not work on IE when using quirks mode.
  Tuesday, April 01, 2014
Labels:

46 comments:

  1. UnknownDecember 8, 2017 at 4:57 PM

    Thanks to share an informative blog post about CSS Transparent Overlay, we do have some tutorial and training like this for CSS Training in Bangalore

    ReplyDelete
  2. RenuAugust 27, 2018 at 4:27 PM

    Good Post! Thank you so much for sharing this pretty post, it was so good to read and useful to improve my knowledge as updated one, keep blogging.

    Python Training in electronic city

    DataScience with Python Training in electronic city

    AWS Training in electronic city

    Big Data Hadoop Training in electronic city

    Devops Training in electronic city

    blockchain Training in electronic city

    Hibernate Training in electronic city

    ReplyDelete
  3. ganga pragyaSeptember 6, 2018 at 11:17 AM

    This comment has been removed by the author.

    ReplyDelete
  4. UnknownSeptember 7, 2018 at 12:02 PM

    Best selenium online training institute `

    ReplyDelete
  5. UnknownSeptember 7, 2018 at 12:03 PM

    Best selenium online training institute `

    ReplyDelete
  6. MounikaOctober 10, 2018 at 2:36 PM

    I think you have a long story to share and i am glad after long time finally you cam and shared your experience.
    python training in tambaram | python training in annanagar | python training in jayanagar

    ReplyDelete
  7. UnknownOctober 10, 2018 at 3:02 PM

    This is a good post. This post give truly quality information. I’m definitely going to look into it. Really very useful tips are provided here. thank you so much. Keep up the good works.
    java training in chennai | java training in bangalore


    java training in tambaram | java training in velachery

    ReplyDelete
  8. dwarakeshNovember 17, 2018 at 3:36 PM

    Whoa! I’m enjoying the template/theme of this website. It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between superb usability and visual appeal. I must say you’ve done a very good job with this.

    AWS Training in Bangalore | Amazon Web Services Training in bangalore
    AWS Training in pune | Amazon Web Services Training in Pune, india
    AWS Training in Chennai|Amazon Web Services Training in Chennai,India

    aws online training and certification | amazon web services online training ,india

    ReplyDelete
  9. sunshineprofeNovember 28, 2018 at 10:42 AM

    I’m thoroughly enjoying your blog. I as well as an aspiring blog writer, but I’m still new to the whole thing.
    nebosh igc courses in chennai

    ReplyDelete
  10. vijaykumarJanuary 11, 2019 at 3:34 PM

    its very nice to read your article and im really appreciate to read that.thanks to you for giving wonderfull ideas.thankyou.
    Blue Prism Training Chennai
    RPA Training in Chennai
    RPA course in Chennai
    UiPath Training in Chennai
    UiPath Training Institutes in Chennai
    Blue Prism Training in Anna Nagar
    Blue Prism Training in T Nagar

    ReplyDelete
  11. Sadhana RathoreJanuary 31, 2019 at 5:21 PM

    The given information was excellent and useful. This is one of the excellent blog, I have come across. Do share more.
    Machine Learning course in Chennai
    Machine Learning Training in Chennai
    Data Science Course in Chennai
    Data Science Training in Chennai
    DevOps certification in Chennai
    DevOps Training in Chennai
    Machine Learning Training in Velachery
    Machine Learning Training in Tambaram

    ReplyDelete
  12. UnknownMarch 16, 2019 at 12:40 PM

    wonderful your
    website designers in chennai
    web development company in chennai
    website designing company in chennai
    honeymoon packages in andaman
    andaman tour packages
    andaman holiday packages
    andaman tourism package
    laptop service center in chennai
    Math word problem solver
    Math problem solver
    Math tutor near me

    ReplyDelete
  13. Chethu ApponixApril 2, 2019 at 5:08 PM

    Very good information. Its very useful for me. We need learn from real time examples and for this we choose good training institute, we need to learn from experts . So we make use of demo classes . Recently we tried web development and design demo class of Apponix Technologies.
    https://www.apponix.com/web/index.html

    ReplyDelete
  14. janithaMay 13, 2019 at 11:34 PM

    This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information...
    pmp certification malaysia
    machine learning course malaysia
    big data course malaysia
    AI learning course malaysia
    data analytics course malaysia
    data science course malaysia

    ReplyDelete
  15. AadityaMay 16, 2019 at 1:56 PM

    Such an great and nice blog, Thank you for sharing this wonderful post.


    ExcelR Data Science Course

    ReplyDelete
  16. malaysiaexcelr01June 12, 2019 at 2:48 PM

    I really enjoyed reading this post, big fan. Keep up the good work andplease tell me when can you publish more articles or where can I read more on the subject?





    BIG DATA COURSE MALAYSIA

    ReplyDelete
  17. kirankumarJuly 18, 2019 at 11:35 AM

    Excellent blog information
    Sanjary Academy is the best Piping Design institute in Hyderabad, Telangana. It is the best Piping design Course in India and we have offer professional Engineering Courses like Piping design Course, QA/QC Course, document controller course, Pressure Vessel Design Course, Welding Inspector Course, Quality Management Course and Safety Officer Course.
    Piping Design Course in Hyderabad ­

    ReplyDelete
  18. kirankumarAugust 12, 2019 at 11:59 AM

    Nice blog posts information provided by the author

    Pressure Vessel Design Course is one of the courses offered by Sanjary Academy in Hyderabad. We have offer professional Engineering Course like Piping Design Course,QA / QC Course,document Controller course,pressure Vessel Design Course,Welding Inspector Course, Quality Management Course, #Safety officer course.
    Welding Inspector Course
    Safety officer course
    Quality Management Course
    Quality Management Course in India

    ReplyDelete
  19. ExcelR PuneNovember 13, 2019 at 8:06 PM

    This is an awesome blog. Really very informative and creative contents. This concept is a good way to enhance the knowledge. Thanks for sharing.
    ExcelR business analytics course

    ReplyDelete
  20. shriDecember 26, 2019 at 10:01 AM

    good blogggssss...!
    internship in chennai for ece students
    internships in chennai for cse students 2019
    Inplant training in chennai
    internship for eee students
    free internship in chennai
    eee internship in chennai
    internship for ece students in chennai
    inplant training in bangalore for cse
    inplant training in bangalore
    ccna training in chennai


    ReplyDelete
  21. Data Science CourseMarch 17, 2020 at 11:48 PM

    Impressive! I finally found a great post here. Nice article on data science . It's really a nice experience to read your post. Thanks for sharing your innovative ideas to our vision. Thanks for sharing information.
    Data Science Course
    Data Science Course in Marathahalli
    Data Science Course Training in Bangalore

    ReplyDelete
  22. tejaswiniJune 1, 2020 at 9:46 AM

    I feel very grateful that I read this. It is very helpful and very informative and I really learned a lot from it.
    data science certification

    ReplyDelete
  23. datasciencecourseJune 15, 2020 at 2:27 PM



    Simple Linear Regression

    Correlation vs Covariance

    ReplyDelete
  24. tejaswiniJune 22, 2020 at 9:45 AM

    I wanted to leave a little comment to support you and wish you a good continuation. Wishing you the best of luck for all your blogging efforts.
    data science certification

    ReplyDelete
  25. EXCELRJuly 13, 2020 at 10:31 PM


    Thanks for sharing great information!!!
    Data Science Training in Hyderabad

    ReplyDelete
  26. tejaswiniJuly 25, 2020 at 3:45 PM

    This article gives the light in which we can observe the reality. This is very nice one and gives indepth information. Thanks for this nice article.data science course in malaysia

    ReplyDelete
  27. 360digitmgdelhiJuly 29, 2020 at 4:05 PM

    I adore your websites way of raising the awareness on your readers.data science course in delhi

    ReplyDelete
  28. tejaswiniAugust 10, 2020 at 2:04 PM

    You have done an incredible job with your websitehttps://360digitmg.com/course/certification-program-in-data-science

    ReplyDelete
  29. DeviAugust 16, 2020 at 9:05 PM

    This is Very nice article. Everyone should read. Thanks for sharing. oracle training in chennai

    ReplyDelete
  30. datasciencecourseSeptember 7, 2020 at 12:00 PM

    Cool stuff you have and you keep overhaul every one of us


    data science interview questions

    ReplyDelete
  31. 360DigiTMGSeptember 7, 2020 at 1:10 PM

    As forever your articles do move me. Each and every detail you have posted was extraordinary.
    hrdf training course

    ReplyDelete
  32. EXCELRSeptember 21, 2020 at 1:43 PM

    Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking Best data science courses in hyerabad

    ReplyDelete
  33. 360digitmgOctober 16, 2020 at 4:32 PM

    I read a article under the same title some time ago, but this articles quality is much, much better. How you do this..
    best digital marketing courses in hyderabad

    ReplyDelete
  34. 360digitmgdelhiOctober 17, 2020 at 3:35 PM

    This is a great post I saw thanks to sharing. I really want to hope that you will continue to share great posts in the future.
    https://360digitmg.com/india/data-science-using-python-and-r-programming-noida

    ReplyDelete
  35. 360digitmgNovember 24, 2020 at 3:17 PM

    You might comment on the order system of the blog. You should chat it's splendid. Your blog audit would swell up your visitors. I was very pleased to find this site.I wanted to thank you for this great read!!

    Best Data Science Courses in Hyderabad

    ReplyDelete
  36. 360DigiTMGNoidaJanuary 28, 2021 at 4:23 PM

    Standard visits recorded here are the simplest strategy to value your vitality, which is the reason why I am heading off to the site regularly, looking for new, fascinating information. Many, bless your heart!
    data science training in noida

    ReplyDelete
  37. data scientist courseApril 1, 2021 at 10:25 AM

    This is an excellent post I seen thanks to share it. It is really what I wanted to see hope in future you will continue for sharing such a excellent post.
    data scientist training and placement in hyderabad

    ReplyDelete
  38. 360DigiTMGAurangabadApril 24, 2021 at 8:44 PM

    "Thank you very much for your information.
    From,
    "machine learning training in aurangabad

    ReplyDelete
  39. 360DigiTMG-PuneApril 29, 2021 at 12:17 PM

    This post is very simple to read and appreciate without leaving any details out. Great work!
    data scientist course

    ReplyDelete
  40. 360DigiTMG-PuneMay 7, 2021 at 1:52 PM

    great article!! sharing these type of articles is the nice one and i hope you will share an article on data science.By giving a institute like 360DigiTMG.it is one the best institute for doing certified courses
    best data science course online

    ReplyDelete
  41. 360DigiTMGAurangabadJune 11, 2021 at 1:19 PM

    Fascinating post. I Have Been considering about this issue, so thankful for posting. Totally cool post.It 's very generally very Useful post.Thanks
    artificial intelligence course aurangabad

    ReplyDelete
  42. 360DigiTMGAurangabadOctober 28, 2021 at 2:58 PM

    Thanks For your post. This is rally helpful for Data Science for beginner.
    data science courses aurangabad

    ReplyDelete
  43. UnknownNovember 1, 2021 at 10:16 AM

    I want to say thanks to you. I have bookmark your site for future updates.
    data scientist course in chennai

    ReplyDelete
  44. 360DigiTMGAurangabadDecember 6, 2021 at 5:46 PM

    This Blog is very useful and informative.
    data science course aurangabad

    ReplyDelete
  45. UnknownDecember 29, 2021 at 7:50 PM

    Grab the best AWS Training in Chennai from Infycle Technologies, the best software training institute, and Placement center in Chennai. We also provide technical courses like Power BI, Cyber Security, Graphic Design and Animation, Block Security, Java, Oracle, Python etc. For free demo class and enquiry call 7504633633.

    ReplyDelete
  46. 360DigiTMGFebruary 7, 2022 at 3:49 PM

    Good to visit your weblog again, it has been months for me. Nicely this article that i've been waiting for so long. I will need this post to total my assignment in the college, and it has exact same topic together with your write-up. Thanks, good share.
    data science course in hyderabad

    ReplyDelete

Subscribe to: Post Comments (Atom)