Ie6 IE7 multiple IE8 browsers css writing
When designing a website, you should pay attention to css style compatibility with different browsers. Especially for networks that fully use div css design, you should pay more attention to IE6 IE7 FF's compatibility with CSS styles. Otherwise, your network may be out of chaos and you don't want any effect!
/* All browsers */
Height: 100px;
/* Dedicated for IE6
the server for simple user statistics.
The console side prints the messages received by the server, as well as the user's join/leave situation.
When the user status changes, the page receives a "User_status" event and then updates the user status bar.Socket.io compatibility Test
The advantage of the Socket.io is that it unifies the interface, shields the user from the bottom, and can support different devices and choose the best way to communicate.
CSS hack: display different effects on IE6, IE7, and Firefox
It is often used for website creation. It is also important to measure the average usage of a div + CSS architect.
Different browsers use CSS hack:
Difference between IE6 and FF:Background: orange; * Background: blue;
Difference between IE6 and IE7:Background: Green! Important; Background: blue;
Difference between
, shopping, or travel sites, you can create a search engine for these sites and add them to the IE7 search box.
First, click the Drop-down arrow to the right of the search bar and select Find more providers. In the page that appears, you can see "Create your own."
On another tab, open the search engine you want to create in IE. For example, open software.it168.com.
In the search box in the site, enter "TEST
Many articles about CSS hack are mentioned in 52css.com.
Csser must master the simplest hack skills about IE6, IE7, and ff.
You can also refer to the following article
Http://www.52css.com/search.asp? Searchcontent = hack
FF BrowserExample source code [www.52css.com]. Test {
Height: 20px;
Background-color: orange;
}
Internet Explorer 7Example source code [www.52css.com] * + html.
1 CSS styles for Firefox IE6 IE7
Now most are using!important to hack, for IE6 and Firefox test can be normal display, but IE7 to!important can be correctly interpreted, will cause the page did not appear as required! Find a good hack way for IE7 is to use the "*+html", now use I
There is too much effort in these two cases, so we will not test the reason for Asp.net or the reason for IE7 itself. The problem is as follows:
The reason is that when you click the submit button/link, there will be a large amount of data processing, which takes a long time. After the customer asks to click it, the button will be dimmed, at the same time, a translucent pop-up layer is used to display the s
margin.
13. Links. A: hover IMG {width: 300px} when we want the mouse to hover, the image width contained in the link changes. Unfortunately, it is invalid in IE6 and valid in IE7 and ff.
14. Non-Link. The style IE6, such as Div: hover {}, is not recognized, and is effective only in IE7 and ff.
15. BlockThe a link, which is nested in the absolute layer, where IMG and IE are placed in the absolute laye
1. Differences between IE and non-IE browsers # Tip {
Background: blue;/* Non-IE background colors */
Background: red \ 9;/* IE6, IE7, and IE8 background colors */
}
2. Differences between IE6, IE7, IE8, and FF [Difference]: "\ 9", "*", and 」,「*」,「_」
[Example]: # tip {
Background: blue;/* the Firefox background turns blue */
Background: red \ 9;/* The IE8 background turns red */
* Background: black;/* The
For more information, see http://netsos.cnblogs.com/1 ,! Important (limited function)
With IE7! Important Support ,! The important method is only compatible with ie6. (note the writing method. Remember that the declaration position must be in advance .)
For example:
# Example {Width: 100px! Important;/* IE7 + FF */Width: 200px;/* IE6 */}
Ii. CSS hack method (for beginners, let's take a look at it and
New IE8, more asshole. Now let ie explain it with IE7 script.
Add
1.> it is a sub-Selector Used to match the direct generation, and the grandchildren do not match. IE6 is not supported. Example:Li: hover> A sub-object selector only works for the son and does not work for the son.Li: The selector for future generations of hover A. It works for son, grandson, and descendant.
2. IE6 supports underlines, while
Solve the hack writing of CSS compatibility in IE6, IE7, IE8, and Firefox
The biggest headache for every CSS adjustment is the browser correction problem, because each browser has different interpretations of CSS. Firefox itself is more disciplined and easier to handle, however, when you encounter Microsoft's ie series, the headers are big. Although they are all Internet Explorer, they have different interpretations of CSS in IE6, Internet E
I have been using IE7 for nearly one month. I always thought it was a lot of CPU and memory. I found a post to optimize IE7 on the Internet. I thought it was quite good. I will post the IE7 problem list and related solutions here.
Since Microsoft officially released the Internet Explorer 7 Chinese version, Internet users have begun to use it, mainly focusing on
The problem in the project, before using the ietest test ie7,8 found that the background transparency setting is invalid, and then find the article to solve! Read some information and make a summary. Several IE translucent CSS stylesIE8 can write this-ms-filter: "Progid:DXImageTransform.Microsoft.Alpha (opacity=50)";IE7 can write Filter:progid:DXImageTransform.Microsoft.Alpha (opacity=50) in this way;Ie6,
browser");
}
Program code
Copy Code code as follows:
if (!! Window. ActiveXObject) {
Alert ("IE browser");
}else{
Alert ("Non IE browser");
}
Here are the ways to differentiate between IE6, IE7, and IE8:
Copy Code code as follows:
var isie=!! Window. ActiveXObject;
var Isie6=isie!window. XMLHttpRequest;
var isie8=isie!! Document.documentmode;
var isie7=isie!isie6!isie8;
if (Isie) {
i
The latest full compatibility with ie6, ie7, ie8, ff, and google
The latest: http://www.chhua.com/web-note762
The chaos in the browser market has caused a lot of trouble for designers. After the design page is compatible, the browser must be compatible with that browser. The compatibility between ie6 and ff is easy to solve. It will be troublesome to add ie7, and the emergence of ie8 will be even more trou
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.