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
course, if it is an exception in TPL, because TPL complies with the XML specification, the requirements are as follows Generally, MF cannot recognize
14. nodename and tagname Problems(1) existing problems:In MF, all nodes have a nodename value, but textnode does not have a tagname value. In IE, nodename usage seems to beThere is a problem (the test is not performed, but my IE has been killed several times ).(2) solution:Use tagname, but check whether it is empty.
15. Element attributesThe
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
:#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
The same picture cannot be displayed in different browsers. check this webpage nbsp; www.lw898.com nbsp; homepage player here. 1. nbsp; the fourth picture is displayed in the old browser (including nbsp; IE8 nbsp; kernel below; however, new browsers such as Firefox, IE9, and Google cannot display the same picture in different browsers.
First look at this we
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
Foreign media published an article today, comparing four latest Internet browsers, including IE9, Firefox 4, Chrome 10, and Safari 5. The following is the main content of the article: a new browser should have the following features: faster speed, more reasonable user interface, so that users can pay more attention to Internet content, rather than the browser itself, you can also search through the address bar of your browser. This browser should also
Sogou, 360, travel, windows of the century, and other browsers are similar!The software was originally developed based on the IE6 kernel system.IE6 has already been updatedNow open http://www.baidu.com @ 2cto.com in IE6 to echo the syntax error messageThe "@" character is filteredHowever, there are no echo errors in browsers such as sogou, 360, travel, and window of the century.Instead jump directly to the
GetAttribute in IE67 obtains the hrefsrc attribute (the relative path 0 value is different from that in other browsers. in IE6/7, getAttribute obtains the href/src attribute (the relative path 0 value is different from that in other browsers ).
The test code is as follows:
Home script var link = document. getElementsByTagName ('A') [0]; var img = document. getElementsByTagName ('img ') [0]; alert (link.
MC. dialog is a js pop-up layer MC developed by Xiao Yi (YesSky), which features beautiful interfaces and easy operations. dialog is a strictly tested and compatible with ie7 + and other non-ie core browsers. It Perfectly simulates the built-in Dialog box function of the browser:
Features of MC Dialog
1. Supports keyboard operations (esc is disabled, enter is used to execute the event of the current get focus button, and ctrl keyboard is blocked. T
This conclusion comes from an optimization request. At first, the loading of a page was very slow and the load event could not be triggered, therefore, we hope that we can optimize the external resources of the page by dividing static files into domain names, and trigger the load event as early as possible. So I checked the source code of the page and sorted out the external resources. Based on the following two concepts, I drew a speculative waterfall diagram:
The browser can only concurrentl
Beijing zhengzheng CCRun
The browser market is always filled with fire and medicine, and the competition between life and death has never stopped for a day: Netscape has become yellow yesterday, and Internet Explorer, the former overlord, is not a copper wall, one by one (such as GreenBrowser, Maxthon, and Tencent Traveler) are all out of the box. Maybe you only like IE, but Tencent Traveler is displayed when you click the link in QQ; maybe she only like GreenBrowser, but IE is displayed when yo
Some browsers force offline caching!
1) Problem Discovery:
An error is found in the android browser, ios browser, and safari browser: If src is specified for a script, if the first loading fails, then, no http request will occur for the script tag of the same request. The subsequent request is more like a read offline cache request. In this way, if the content on the server is updated, the browser cannot be synchronized.
HoweverChrome, ie, and so on
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.