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.

47 comments:

  1. 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. This comment has been removed by the author.

    ReplyDelete
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. Such an great and nice blog, Thank you for sharing this wonderful post.


    ExcelR Data Science Course

    ReplyDelete
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. I adore your websites way of raising the awareness on your readers.data science course in delhi

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

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

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

    ReplyDelete
  21. 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
  22. 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
  23. 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
  24. 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
  25. 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
  26. 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
  27. This post is very simple to read and appreciate without leaving any details out. Great work!
    data scientist course

    ReplyDelete
  28. 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
  29. 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
  30. Thanks For your post. This is rally helpful for Data Science for beginner.
    data science courses aurangabad

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

    ReplyDelete
  32. 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
  33. 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
  34. With so many books and articles coming up to give gateway to make-money-online field and confusing reader even more on the actual way of earning money, data science course in kanpur

    ReplyDelete