hello... m designing the website..bt ther r some problem which m facing.. when m using the css tags or htmls tags...n for ouput m checking in all browser whether the that css style applid or not... evry time i checked in differnt browser(ie, mozila,chrome) for example- i used background:rgba(0,0,0,0.5); this is ok in chrom n mozila bt when i checked in IE ,its not working.... same for the font source- i used prototype font..i put font in separate folder "fonts" and in css i write code like this---> @font-face{ src:url('fonts/Prototype.TTF') format('truetype'); font-family:'prototype'; } this font is working in chrome but not working in mozila n IE.. so is ther any solution on above two examples ? and how i avoid to check in every browser ?- how i chek tht tag should competible to all browser??? plz help mi
For IE, you can forget getting goo results for anything prior to IE9, for Firefox, Chrome and Safari you sometimes have to use browser specific properties with hyphen hacks. The best references for what works, and workarounds use: https://developer.mozilla.org/en-US/docs/Web and http://html5please.com/
Get used to looking up what works where. http://caniuse.com/#search=rgb http://caniuse.com/#search=ttf This will allow you to see what tags/css properties work one what browsers. For the first, I'd say forget the transparancy on old ie browsers. For the second, different browsers support different font formats. I'd recommend using a service like google fonts or typekit that handles all these problems for you. If not there's a post here: http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/