css

create a white rgba / CSS3

The code you have is a white with low opacity. If something white with a low opacity is above something black, you end up with a lighter shade of gray. Above red? Lighter red, etc. That is how opacity works. Here is a simple demo. If you want it to look ‘more white’, make it less … Read more

How do I vertically center text with CSS?

You can try this basic approach:  Run code snippetExpand snippet It only works for a single line of text though, because we set the line’s height to the same height as the containing box element. A more versatile approach This is another way to align text vertically. This solution will work for a single line … Read more

Why does z-index not work?

The z-index property only works on elements with a position value other than static (e.g. position: absolute;, position: relative;, or position: fixed). There is also position: sticky; that is supported in Firefox, is prefixed in Safari, worked for a time in older versions of Chrome under a custom flag, and is under consideration by Microsoft to add to their Edge browser.

How do I center floated elements?

Removing floats, and using inline-block may fix your problems: (remove the lines starting with – and add the lines starting with +.) Show code snippet inline-block works cross-browser, even on IE6 as long as the element is originally an inline element. Quote from quirksmode: An inline block is placed inline (ie. on the same line … Read more

Draw Circle using css alone [duplicate]

You could use a .before with a content with a unicode symbol for a circle (25CF). Expand snippet I suggest this as border-radius won’t work in IE8 and below (I recognize the fact that the suggestion is a bit mental).

What is difference between png8 and png24

I want to know about uses of png files. There are two formats available for png images; one is png8 and the another one is png24. I would like to know that if I use either type in my html page, will there be any error? Or is this only quality matter?

CSS opacity only to background color, not the text on it?

It sounds like you want to use a transparent background, in which case you could try using the rgba() function: rgba(R, G, B, A) R (red), G (green), and B (blue) can be either <integer>s or <percentage>s, where the number 255 corresponds to 100%. A (alpha) can be a <number> between 0 and 1, or … Read more

+ More