Browser Issues

IE6 
  • IE6 does support full transparency in 8-bit PNGs, which can sometimes be an alternative to 24-bit PNGs.
  • IE7 doesn't support all pseudo classes (like :focus) or pseudo elements (like :before and :after)
  • IE7 does not support "inherit" as a value on any of these properties. IE8 has some bugs with max-width/height combined with overflow: auto/scroll.
  • IE7 doesn't support min-width on input button/submit button/reset button.
  • Text-shadow behavior can be somewhat emulated in older IE versions using the non-standard "dropshadow" or "glow" filters.
IE8:
  • IE8 is not able to combine :after with other hierarchical elements. For example .myClass:last-child:after will work in Firefox, Chrome or Safari, but not in IE8.
  • Transparency for elements in IE8 and older can be achieved using the proprietary "filter" property and does not work well with PNG images using alpha transparency.
  • Data URL Support in Internet Explorer 8 is limited to images and linked resources like CSS files, not HTML files. Max URI length in IE8 is 32KB. In IE9 JavaScript files are supported too and the maximum size limit set to 4GB.
  • The scale transform can be emulated in IE < 9 using Microsoft's "zoom" extension, others are (not easily) possible using the MS Matrix filter
IE9:
  • @font-face is Partial support before IE9 refers to only supporting EOT fonts.
  • Cross-document messaging is Partial support in IE refers to only working in frames/iframes (not other tabs/windows).
  • Cross-Origin Resource Sharing is Supported somewhat in IE8 and IE9 using the XDomainRequest object
  • IE9 does not correctly render multiple backgrounds for TableRows. Attempting to do a left-cap, right cap, and repeated fill on a row results in the left cap and fill being correct, but the right cap will display at the end of the first column, then again part way through the rest of the table.
  • IE9 appears to have some issues in correctly determining longitude/latitude.
  • IE9 and Safari provided the user has the WebM codecs installed.
  • ie9 box-shadow has incorrect (smaller) radius, that can be easily checked, even 2px 2px 8px has left and top shadows invisible
  • IE9 doesn't support style="width:100px;" for SVG images using

Firefox :
  • Firefox currently doesn't allow :before and :after on checkbox and radio fields.
  • Firefox (13 and older) don’t handle the combination of `box-sizing` and `min-height`/`max-height` properly.
  • Firefox (9 and previous?) is buggy with min-width media queries not being recognized, but the rules inside those being parsed and used.
  • Firefox (up to current 14.0) has incorrect (bigger) radius. Can be checked with 4px 4px 4px, it has left and top shadows visible in FF (should be invisible, like in WebKit). Overall, the browsers render shadows quite differently, and the support is buggy.
  • SVG-as-image is fuzzy/pixelated when zoomed or printed in Firefox
  • ff only supported ::before and ::after pseudo-elements
  • Firefox 14 and under do not have DataView yet.
  • Reportedly, CORS in EventSource is currently only supported in Firefox 10+ and Opera 12+.
  • Firefox 6, the property column-span (or -moz-column-span) does not yet work.
  • Safari for iOS 4.1 and below only supports SVG fonts.
  • Safari 3.2 refers to buggy behavior with certain SVG images.
  • Safari 3.1 has a caching bug. If the class of an element changes it won't for getElementsByClassName.
  • Does not work in Safari 4.x for the "background-position" property.
  • while Safari does support Typed Arrays, they are actually much, much slower than normal arrays.
  • Opera <= 9.6 doesn't find elements by there second class. means it doesn't find if you search for the class "b".
  • Opera 11.10 and 11.50 also refers to only having support for linear gradients
  • Opera (versions unknown) fails at transitioning the background-position property.
  • Opera 12.10+ currently only supports the resize property for textarea elements.
  • Opera Mini supports the canvas element, but is unable to play animations or run other more complex applications.
  • Opera Mini refers to not supporting background sizing or background attachments.
  • Opera Mini ignores the blur-radius set, so no blur effect is visible.


Chrome:
  • In Chrome, DataTransfer.addElement is not implemented.
  • CSS3 word-break is support  "break-all" value, but not the "keep-all" value.
  • In both Firefox 9 and Chrome 16, xhr.timeout and xhr.ontimeout don't appear to be supported.
  • Chrome and Safari do not support feConvolveMatrix and their lighting implementation is incomplete.
  • Chrome and Android 4.0 Browser support "-webkit-hyphens: none", but not the "auto" property.

Android browser:
  • The Android browser does not support clipping on HTML5 canvas.
  • Android 2.1 doesn't appear to honor background-size, only -webkit-background-size, which requires both width and height to be specified.
  • Scaling transforms in Android 2.3 fails to scale element background images.
  • 'animation-fill-mode' property is not supported in Android browser below 2.3.
  • history.pushState() is buggy in Android 2.2 and 2.3 in that it doesn't cause window.location to update with the new URL.


General:
  • css media query is Incomplete support by older webkit browsers refers to only acknowledging different media rules on page reload
  • new semantic elements (section, article, aside, hgroup, header, footer, nav,)is Partial support refers to missing the default styling. This is easily taken care of by using display:block for all new elements (except time and mark, these should be display:inline anyway).
  • other then firefox browsers refers to not supporting getComputedStyle on pseudo-elements.

iOS:
  • Audio played from the element in iOS always plays in a full screen player.
  • Safari on iOS (including 5) can not apply box-shadow to input elements.
  • Animation in SVG is not supported in iOS safari when the SVG is displayed in an img tag.
  • File uploading is not possible on iOS Safari before iOS 6.
  • iOS Safari, Android 4 and Chrome for Android show number input, but do not use "step", "min" or "max" attributes or show increment/decrement buttons.

text-overflow is only works when visibility:hidden also added


Hue, Saturation and Lightness (hsl)

gradient types:
linear or radial

Comments

  1. Web Designer1:50 AM

    web development company providing Web Designing website development logo designing website designing software development Graphic Designing Company Web Hosting Company Domain Registration Company.

    Creation Hub

    ReplyDelete

Post a Comment

please enter true details, otherwise do not waste your time and our space

Related Posts Plugin for WordPress, Blogger...

Popular Posts

Image

மூக்குத்தி அணிவது ஏன்?

தமிழர் பண்பாடு மூக்கு குத்துவது, காது குத்துவது துளையிடுவது உடலில் உள்ள வாயுவை ,காற்றை வெளியேற் ... றுவதற்கு. கைரேகை, ஜோசியம் பார்ப்பவர்கள் ஆண்களுக்கு வலது கையும் பெண்களுக்கு இடதுகையும் பார்த்து பலன் கூறுவது வழக்கம். ஆண்களுக்கு வலப் புறமும் பெண்களுக்கு இடப் புறமும் பலமான, வலுவான பகுதிகளாகும். ஞானிகளும் ரிஷிகளும் தியானம் செய்துபோது வலது காலை மடக்கி இடது தொடை மீது போட்டு தியானம் செய்வார்கள். இதற்கு காரணம் இடது காலை மடக்கி தியானம் செய்யும் போது வலது பக்கமாக சுவாசம் போகும். வலது என்றால் தமிழில் வெற்றி என்று பொருள். வலது பக்கமாக சுவாசம் செல்லும்போது தியானம்,பிராத்தனை எல்லாம் கண்டிப்பாக பலன் தரும். இந்த நாடியை அடக்குவதாக இருந்தால் வலது பக்க சுவாசத்திற்கு மாற்றவேண்டும். அதே மாதிரி ஒரு அமைப்புத்தான் மூக்குத்தி. நமது மூளைப் பக்கத்தில் ஹிப்போதெலமஸ் என்ற பகுதி இருக்கிறது. நரம்பு மண்டலங்களை கட்டுப்படுத்தக் கூடிய, செயல்படக் கூடிய அளவு சில பகுதிகள் உள்ளன. அந்தப் பகுதியில் சில உணர்ச்சி பிரவாகங்கள் உள்ளன. இதனைச் செயல்படுத்துவதற்கு அந்தப் பகுதி துணையாக இருக்கிறது. இப்படி இந்தப் பகு...

UI Certifications Q & A

Which of the following types of attacks slows down or stops a server by overloading it with requests? Darren Inc. has a network comprising fifty computers. By the beginning of the next year, the company hopes to expand by adding hundred more computers to its network. The company is in search of a network topology that can be easily handled, in case of problems, and one that can be expanded easily. Which network topology will be the best choice for the company? To which of the following Classes does the IP address 144.xxx.xxx.xxx belong? You work as a Network Administrator for Perfect Labs Inc. The company has a TCP/IP-based network, which is connected to the Internet. You want to provide Internet access to users. You are concerned about virus threats and want to protect the network against potential virus attacks from the Internet. Which of the following steps will you take to minimize the potential virus attacks? a)Configure a firewall in the network   ...

Technicals details select

Choose a question ... What is your primary frequent flyer number What is your library card number What was your first phone number What was your first teacher's name What is your father's middle name Your mother's maiden name Your first pet's name The name of your elementary school Your elementary school mascot Your best friend's nickname Your favorite sports team Your favorite writer Your favorite actor Your favorite singer Your favorite song The name of the street you grew up on Make and model of your first car The city where you first met your spouse What town were you born in? What town was your father born in? What is the name of the hospital in which you were born? What is the first name of your best childhood friend? What was the name of your primary school? What town was your ...

Do's and Don'ts - Central Pollution Control Board (CPCB),

Let's Start from Home Let’s Start from HomePrevention and Control of Vehicular Pollution Prevention and Control of Water Pollution Prevention and Control of Noise Pollution Energy Conservation Prevention and Control of Vehicular Pollution Do's Don'ts Use mug instead of running tap while brushing teeth. While taking bath, don't use shower run for long. While watering plants, instead of running hose, use water cane. Don't allow water overflow from the over head tank. Use a toilet flush which consumes less water. Don’t buy loud crackers during Deepawali Carry cloth,jute or paper bag to the market. For washing floor,Don't use running hose use mop and bucket. Use dustbin for garbage disposal. Don't junk things break rather think to fix them. Plant a garden. Even in urban settings, you can grow herbs and flowers in pots. Avoid unnecessary use of lights and fans. Wear extra-layer of clothes at home instead of turning up the heater. Don't...

for programmers dropdown

Business Exp (yrs) 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 30 > Class1 - Chemicals Class2 - Paints Class3 - Bleaching Class4 - Industrial oil Class5 - Pharma 6 - Metals 7 - Machines & tools 8 - Hand tools 9 - electrical & electronic machines 10 - Surgical instruments 11 - Light, cooking, sanitary apparatus 12 - Vehicles 13 - fireworks 14 - Jewelery metals 15 - Musical Instruments 16 - Paper 17 - Rubber 18 - Leather 19 - Building material 20 - Mirrors, wood, plastics 21 - Household materials 22 - Rope & tent 23 - Yarns & threads 24 - Textile goods 25 - Cloths & footwear 26 - Tailoring materials 27- Carpets & mats(nontextile) 28 - Games & playthings 29 - Meat, Veg & non veg 30 - Coffee tea 31 - Agriculture & horticulture 32 - Non alcoholic drinks 33 - Alcoholic drinks 34 - Tobacco 35 - Advertising & office service...

medicals dropdown

-SELECT - Abacavir Abarelix Abatacept urokinase Abciximab Abraxane Docosanol Acamprosate Precose Abilify Precose Abelcet acebutolol acetaminophen acyclovir adalimumab adapalene Adapin (doxepin) Adipex-P (phentermine) Advil (ibuprofen) albuterol aldesleukin alendronate alfuzosin allopurinol almotriptan-oral alosetron alprazolam alteplase altretamine amantadine Amevive (alefacept) aminophylline-injection amino acids-injection amiodarone amoxicillin ampicillin amprenavir anakinra Antidepressants aripiprazol...

:: Useful web links List