available browsers

The solution I found online was to add Html5shiv's Google reference to the head tag, with the following address:Note: Copy the code to the Head section, and remember that the head section must be (because IE has to know the element before parsing the element, so the JS file cannot be called elsewhere, otherwise it will fail) Don't forget to add the block attribute to these custom tags:　 /*html5*/Article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} However ,

5 ways to test mobile websites and simulate mobile browsers on your PC Source: Internet anonymous time: 03-19 10:14:54 "Big Small" Recently the company to develop the mobile version of the website, let me prepare to prepare knowledge, say I developed mobile site experience is really not much, the most tragic thing is my phone is a classic Nokia, and the company is not to be equipped with mobile phones, which is how annoying, no way, no cell phone ca

This article mainly introduces jquery to achieve different size browser using different CSS style sheet method, the need for friends can refer to the following This method supports IE browsers and other browsers. nbsp; 1, first define two link, of course you can also be a, the second is to change the CSS nbsp; code as follows: ; 2, the following JavaScript code will be based on different browser sizes, Ch

Because of all the evil IE6 and IE7, we have to make various bug fixes and differences in page reconstruction. The effect that can be achieved in the standard browser in IE, there are a variety of bizarre problems, such as IE6, IE7 can not respond well to the inline-block and. Clearfix problem, fortunately, most of the problems have been enough to summarize and approach. Not much nonsense to say, here are some ways to differentiate between browsers an

Compatible with multiple browsers for translucent (Operaiefirefox) Click on a link above to make the image disappear and re-appear by gradually fading in/out. it uses CSS transparency, in CSS you can set the transparency in different ways. to ensure that it works on most browsers we use all three. Opacity: 0.5; This one is the official CSS3 method, at the moment it works in newer Mozilla versions. -Moz-

JQuery is indeed a very useful library, so you don't have to consider many details. But as JQuery is indeed a very useful library, so you don't have to consider many details. However, as a web Front-end, it is very important to handle and understand the differences between browsers. The following is a summary of the situation where the js library is not used.1. Set the element class name using the setAttribute Method In jQuery, you can directly use th

When writing css style sheets, you may often encounter browser compatibility issues. For example, the display of browsers with different kernels is not necessarily the same. browsers of different versions may also generate up/down compatibility issues, how to solve these problems has become a headache. If you are familiar with css hack technology, it is too simple, but for those who are not very familiar wi

Zepto is lightweight for modern browsersJavaScriptLibrary, the latest official version of V1.0 is compressed with only 9.7 K. CompatibleJQuerySyntax. If you use jQuery, Zepto will be used. JQuery was designed to provide a module library with faster download and execution speeds, rather than completely covering jQuery's functions. Download source code official homepage Zepto compatible browsers are as follows: desktop

:#FFFFFF;Position:Relative;/*Set child elements to relative positioning, so that child elements do not inherit the alpha value, ensuring that the font color is opaque*/ style>head>body> class= "demo" > p> background transparent, text opaque Span style= "color: #0000ff;" >p>> Fully-compatible solutionAbove 3 point analysis, the setting of transparent background text opaque, can be used by the properties of Rgba and IE exclusive filter filter:alpha, the compatibility as shown:For IE6, 7,

This article mainly introduces how to use javascript to parse XML file data compatible with various browsers. it involves the parsing skills of javascript to XML files and makes relevant adjustments based on various browsers, which has good compatibility, for more information about how to use JavaScript to parse XML document data, see the following example. Share it with you for your reference. The specific

I have finally discovered the strength of chrome. I used to despise chrome. Now I found that IE may not be authentic in the browser at all. Also, I am a little despising Microsoft! Which browsers support HTML5? Supports quick query of HTML5 browsersBody start: HTML5 browsersWhat are them? I will introduce it as follows, but it should be noted that even if the same version of the same browser is used on both Mac and Windows platforms, their support

In recent years, the HTML5 craze, HTML5 added some semantic tags, but also let the front-end brother you rejoice.HTML5 New Tags But like IE6,IE7,IE8 these old and old rendering effects and ugly, so that the front-end brother you hate the root itch of the smelly browser, because some of the reasons for the mess can not give up treatment. Of course they don't recognize these new semantic tags.Send them a hehe.No, just spit it out. Let's look at the rendering effect of the different new

JQuery is indeed a very useful library, so you don't have to consider many details. However, as a web Front-end, it is very important to handle and understand the differences between browsers. The following is a summary of the situation where the js library is not used.1. Set the element class name using the setAttribute Method In jQuery, you can directly use the attr () method. In Native JS, // This is W3C standard and is valid in

It is convenient for people who only draw conclusions: Ie6: the absolute position of the div. when the container is full, it is different from other browsers. other browsers will be placed below, while ie6 will be placed on the right. Remember to set the left attribute. In chrome (webkit): document. ready is triggered before the image is loaded. When there is an image operation, it is best to use window. lo

Cookie:SetCookie ('test', longString );Alert (getCookie ('test ')); The test results are as follows: (1) No Cookie of the same name is set on the current page; Conclusion: In the browsers of the above versions, writing strings larger than 4 kb (of course, different browsers may have different situations, some are 4095 bytes, some are 4096 bytes) will fail to be written, The write truncation cannot be perf

For the front-end workers, the most painful thing is browser compatibility debugging, and this most painful thing, the most abnormal than Microsoft's three versions of ie6.0/ie7.0/ie8.0. In order for the code to work correctly in all major browsers, we had to write the corresponding style for various browsers. This article, Bluebird will be for you to summarize the CSS for each browser compatible hack (main

A fast loading page to a large extent save the user's browsing page time cost, as a webmaster, we have to find some solutions, traditional in the browser "right-view source code" is outdated, it can not do good code inspection, as a good web developer, should continue to learn and try new things. Below I will introduce the next three major browsers Web developer tool Introduction and how to use. Firefox (Firefox) Firebug and YSlow Firebug is a very

The major mainstream browsers to CSS3 and HTML5 support more and more perfect, once let the number of front-end developers brokenhearted of IE department also began to embrace standards. Just a few days ago, HTML5 community leader Shelley of the Global consortium announced that HTML5 's development work was nearing completion and that if it went well, HTML5 would become an international standard in 2012. Of course, even if the standards are formalize

non-blocking resources. The trick to triggering asynchronous style downloads is to use an element and set an unavailable value for the media property (I'm using media= "none", but any other value is OK). When the result value of a media query is calculated to be false, the browser still downloads the style sheet, but does not wait for the resource of the stylesheet to be available before rendering the page. "stylesheet" href="css.css" media=

visible area wide: document.body.clientWidth Page visible Area High: document.body.clientHeight Web page Visible area wide: document.body.offsetWidth (including edge width) Page visible Area High: document.body.offsetHeight (including edge height) Page body Full text width: document.body.scrollWidth The full text of the Web page High: document.body.scrollHeight Web pages are rolled up high: Document.body.scrollTop Pages were rolled away to the left: Document.body.scrollLeft Web page bod