Techy Things » css

How to add Firefox-only CSS

frank — Mon, 27 Jul 2015 10:18:23 +0000

@-moz-document url-prefix() {
#text_bitrate {
margin-left: 10px;
}
}

frank — Wed, 04 Mar 2015 17:36:32 +0000

Solution

To reach almost all users now (in 2015) :

opacity:0;
filter: "alpha(opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

The full CSS cross-browser (some might be useless now)

opacity:0;
filter: "alpha(opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;

frank — Mon, 23 Feb 2015 17:44:46 +0000

It is because when there is text, the browser switch the vertical-align property.

To have it consistent, you can thus just set all div to

vertical-align:bottom;