CSS setting div transparency-FF3.5 is no longer supported-moz-opacity_html/css_WEB-ITnose

Make div transparent, compatible with IE FF

transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}


filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

But FireFox 3.5 no longer supports -moz-opacity

said in https://developer.mozilla.org/En/CSS:-moz-opacity It's very clear:
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
Now you should use the opacity attribute instead.

So to set a DIV with a transparency of 60%, you should write it like this:
div.transp { /* make the div translucent */
opacity: 0.6;    /* Firefox, Safari( WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: ; However, Microsoft IE8 does not yet support this attribute.

NetEase mailbox currently also uses -moz-opacity, so when "empty spam" the screen goes black.

The DIV background is translucent, and the text in the DIV is not translucent

The layer background is semi-transparent, and the font color is also semi-transparent

< span style="position:relative;color:yellow">Layer background is semi-transparent, font Color is not translucent& lt;/div>

Redirect: http://www.psdiv.com/11/49.html

Related labels：

CSS设置div透明度-FF3.5+ 已不支持-moz-opacity

source：php.cn

Previous article：When div tables are mixed in CSS style, Margin is invalid_html/css_WEB-ITnose Next article：Solution to the failure of using CSS to control DIV centering_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

• What is a NullPointerException, and how do I fix it?
  2024-10-22 09:46:29
• From Novice to Coder: Your Journey Begins with C Fundamentals
  2024-10-13 13:53:41
• Unlocking Web Development with PHP: A Beginner's Guide
  2024-10-12 12:15:51
• Demystifying C: A Clear and Simple Path for New Programmers
  2024-10-11 22:47:31
• Unlock Your Coding Potential: C Programming for Absolute Beginners
  2024-10-11 19:36:51
• Unleash Your Inner Programmer: C for Absolute Beginners
  2024-10-11 15:50:41
• Automate Your Life with C: Scripts and Tools for Beginners
  2024-10-11 15:07:41
• PHP Made Easy: Your First Steps in Web Development
  2024-10-11 14:21:21
• Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
  2024-10-11 12:59:11
• The Key to Coding: Unlocking the Power of Python for Beginners
  2024-10-11 12:17:31

Latest Issues

function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...

From 2024-04-29 11:01:01

0

3

2042

How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?

From 2024-04-23 00:22:19

0

11

2201

The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.

From 2024-04-19 15:37:47

0

1

1858

There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...

From 2024-04-18 23:52:34

0

1

1745

Where is the courseware about CSS mind mapping? Courseware

From 2024-04-16 10:10:18

0

0

1766

Related Topics

More>

• What is an .Xauthority file?
• Solution to split word table into two pages
• Excel table slash divided into two
• What is an optical drive
• Solutions to unknown software exception exceptions in computer applications
• What platform is Fengxiangjia?
• What directory search engines are there?
• What software is Penguin?