how to fix browser compatibility issues

addition to the IE6.0 version In addition: IE also supports a non-standard tag: CommentThis is Internet Explorer.IE automatically treats the contents of this tag as comments.Method Three: JavaScript. Judging different browser types to invoke unused CSSFollowed by commentsThe second method of Javascrip judgmentMethod four: Set in CSS for a specific browserheight:20px; /*for all includes Firefox */*height:25px; /*for IE7 ie6*/_height:20px; /*for ie6*/

itself)/2PX 0; and vertical-align:middle;7.IE6, hover failureProblem Description: IE6, hover only valid for a tagProblem Solving: using JS code to solve8.IE6 incompatible position:fixed;Problem Description: IE6 does not support position:fixed;Problem Solving: 1. Use JS code to solve2. Use CSS expression to resolve (note: Because the CSS expression greatly affects performance, generally not recommended), the code is as follows:/*IE6 head fixed positioning*/. Fixed-top{position:Absolute;Bottom:A

discovery or IE8. Later I knew if IE enabled Chrome core There are two ways: (in document 2) Modify the registry, ie all use the chrome core from now on. (Not in line with business needs, customers also expect to use IE8 to access their OA) Add a x-ua-compatible-like label to your Web page and proactively let IE use call chrome core. (That's what we need now) Based on the changes, I added a bit of content to my web page, meaning the following: If the current

The various browser compatibility issues I'm currently experiencingThe 1.ie6/7/8border-radiu property. Workaround: BACKGROUNDSIZE.HTC, BACKGROUNDSIZE.MIN.HTC, can alleviate the simulated fillet.2.IE6 does not recognize transparent properties. WORKAROUND: Dd_belatedpng_jb51.net,js load the file.3. Google unexpectedly and Safari sometimes show different. The hack i

://chromedriver.storage.googleapis.com/index.html The version and the version of Chrome that were supported by the previous versions are described in Notes.txt in each of these editions, but the old driver has already compiled a glance form for you: Selenium's chromedriver and chrome version mapping table In this way, it is not clear which version of Chrome and chromedriver should be downloaded.4. All versions selenium and iedriverserver downloadFinally, of course there are se

Issue One: Different browser tags default margin and padding are differentWorkaround: * {margin:0; padding:0;}Question two: IE6 double margin (block attribute +float+ horizontal margin)Description: such as Div+css layout, Workaround: _display:inlineIssue three: 3 pixels between floating and non-floating elements under IE6Note: When an element floats, the same level of text does not float, and the IE6 creates a 3-pixel bug between them. such as: Workar

IE low-version browsers and other browsers are generally different, in order to achieve compatibility, you can use the following methods:/* Add event listener for elements compatible with various browsers */if (div.attachevent) {//ie browserDiv.attachevent ("onclick", show);}else{Div.addeventlistener ("click", Show,false);}/* Same reason for element removal event listener compatible with various browsers */if (div.detachevent) {Div.detachevent ("oncli

arrayAlthough this instruction can be performed normally on IE, it is useless to Firefox.Therefore, consider adding the ID of these elements to the additional number x (X for any number), and then using document.getElementById ("myid_x") to save each element one by one in an array after the page is loaded.　　Property: E.innertext　　Function: Access the text content of the elementOn IE, you can use E.innertext = "Test text" to specify the content of the element e, but in Firefox, innerText this at

The various browser compatibility issues I'm currently experiencingThe 1.ie6/7/8border-radiu property. Workaround: BACKGROUNDSIZE.HTC, BACKGROUNDSIZE.MIN.HTC, can alleviate the simulated fillet.2.IE6 does not recognize transparent properties. WORKAROUND: Dd_belatedpng_jb51.net,js load the file.3. Google unexpectedly and Safari sometimes show different. The hack i

css browser compatibility Sometimes makes people very headache, perhaps when you understand the techniques and principles, it will feel is not difficult, from the online collection of ie7,6 and FIREOFX compatibility treatment method and collated. For web2.0 over, try to write code in XHTML format　　 , and doctype affect the CSS processing, as the standard, must ad

IE:What to do under Firefox:What to do under chrome:The above analysis shows that this JavaScript script can be executed correctly under Chrome, but the error is reported in other browsers.4. The right approachThe following are the correct practices:var time1 = (timestart+ ' 00:00:00 '). toString (); var time2 = (timeend+ ' 23:59:59 '). toString (); Timestart = new Date (Date.parse (Str.replace (/-/g, "/")). GetTime (); Timeend = new Date (Date.parse (Str.replace (/-/g, "/")). GetTime ();The ma

1. when uploading plugins using kindeditor images, we need to return JSON data in the following format.// when successful { "error": 0, "url": "Http://www.example.com/path/to/file.ext"}// when failed { "error": 1, "message": "Error Message"}So you might write your service-side code like this@RequestMapping (value = "/pic/upload", produces = mediatype.text_plain_value+ "; charset=utf-8") @ResponseBody public Map fileUpload (multipartfile uploadfile) { new Has

New features:HTML5 is now not a subset of SGML, mainly about image, location, storage, multi-tasking and other functions.1) Drag release (Drag and Drop) API2) semantically Better content tags (header,nav,footer,aside,article,section)3) audio, Video API (Audio,video)4) Canvas API5) Geography (geolocation) API6) Local offline storage localstorage long-term storage data, the browser is closed after the data is not lost;7) sessionstorage data is automatic

Setfiledownloadheader (HttpServletRequest request, httpservletresponse response, String fileName) {Final String useragent = Request.getheader ("user-agent");try {String finalfilename = null;if (Stringutils.contains (useragent, "MSIE")) {//ie browserFinalfilename = Urlencoder.encode (FileName, "UTF8");}else if (Stringutils.contains (useragent, "Mozilla")) {//google, Firefox browserFinalfilename = new String (Filename.getbytes (), "iso8859-1");}else{Finalfilename = Urlencoder.encode (FileName, "U

In the endless IE compatibility debugging, today again encountered a pretty disgusting problem.That is in the IE/7 IE/8 under the background map can not be displayed (Ie/6 did not try) first, this is my source　　Out of the effect is like this　　Adhering to the Baidu will not be the fine tradition of finding an N-long answer, finally ...　　That's right! The above is the correct answer, what is the difference? You take a closer look at the background map t

1. Different browser tags default external patches and internal patches are differentProblem: Different browser margin and padding differences are large.Solution: CSS in *{margin:0;padding:0;}2.ie6 Double-sided bugProblem: When floating, the left and right margins may be twice times the written valueSolution: Add Display:inline in the label style control of float;3. Height less than 10px is, in ie6,ie7 heig

invisible."Callout 14": In Chrome Opera, toolbars are never displayed, regardless of how the "toolbar" value is set.To sum up, it can be seen that the window.open method of Sfeatures The extent of support there is a huge difference, use should be cautious. excerpt from:/ c3>http://www.w3help.org/zh-cn/causes/BX1053#in general, we need to open the page with window.open Center display, demo sample code :var width=800; The width of the popup form; var height=500; The height of the popup form; var

element is gone. And if I take the TD element position:relative this style to remove, it can be normal display. Later, the preliminary estimate is that TD elements and DIV elements have inconsistent support and representation of position:relative styles in each browser. The workaround is to set a DIV element inside the TD, which has the position:relative style. Such as: Then change to the page, you will find this problem solved. References: Http://

CSS in the use of font-size set font size, different browser font height, but different width, such as in Firefox and Google, font-size:20px, font height to 20px, but Google's font width than Firefox longOne, the workaround is as follows:1, set the browser's base font size to 62.5%, that is, 10px, now 1rem = 10px--for calculation convenience. Then apply Font-size:2rem on the body, and now the body font size is 20px.{ font-size: 62.5%;} { font-size: 2

* HTML5 is not a subset of SGML, it is mainly about images, location, storage, multitasking and other functions.The increase.* Painting CanvasVideo and audio elements for media playbackLocal offline storage Localstorage long-term storage of data, the browser is closed after the data is not lost; Sessionstorage data automatically removes semantically better content elements such as article, footer, header, Nav, Section form controls, calendar, date, ti