html - Apply opacity to an element in CSS -


i have div element named signup-box , want have opacity value of 0.65 applied it, there appears side affect doing so. reason getting applied within div well. instance, white text wont show white , inputs aren't white. can keep transparent effect without losing design aspects want keep? http://jsfiddle.net/hky3f/5/

this behavior of opacity property (it applies everything in element). if want apply opacity background only, you'll need either create image 65% transparent black box, or can use css3 colors rgba function generate color black @ 65% opacity (doesn't work ie < 9).

background: rgba(0, 0, 0, 0.6); 

which produces jdfiddle. hope that's looking for.


Comments

Popular posts from this blog

delphi - How to convert bitmaps to video? -

jasper reports - Fixed header in Excel using JasperReports -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -