Common CSS hack summary tables in various browsers in Windows
1. the browser version in this summary table is:Microsoft Systems: IE6, IE7, and IE8Firefox: Firefox 3.6.6Safari: safari 5.0Google Chrome 6.0.458.1 DevOperabrowser: Opera 10.60
2. Most
This articleArticleUse the latest ie10 and Firefox and chrome tests (as of 22:23:22, January 1, May 27, 2013)
CSS principles:
As we know, CSS writes in different places have different priorities. definitions in the. CSS file
First, let's take
1. Background: URL (../images/member_right.gif) 0-35px;
In IE and chrome, The 'px 'After-35 is optional, but Firefox must be added. Safari and opera are not tested yet;
2. Padding attributes
After ieset this attribute, div will increase the
CSS style sheets have been written for a long time, but someCSSStyle attributes still have some problems. For example, write in the pastCSS styleForPositionAttributes are rarely used. It is also relatively unfamiliar. Different browser parsing
Start
Z-Index
Attribute can only work in a given environment.
Z-index attributes
It is certainly more frequent than any other attribute that causes (compatibility) Confusion. Once you really understand
Z-index attributes
, You will find
CSSBasic Content2
Last time we saidCSSBasic Attributes,Introduction to Selector.This articleArticleContinue discussionCSSRelated content in.I usedCodeYesCSSContent.
Let's take a look at the writing of the pseudo selector..
Supported as
CSS fixed the table header (the header remains unchanged when the scroll bar is pulled down)
. Headlock
{
Top:Expression (this. offsetparent. scrolltop );
Position:Relative;
}
CSS fixed the left column of the table (a column remains
wiseinfo Alibaba Cloud is a sender and sofa.
from http://bbs.blueidea.com/viewthread.php? Tid = 2818595 & extra = Page % 3d1% 26amp % 3 bfilter % 3 drate
CSS is perfectly compatible with general methods of IE6/IE7/FF (reproduced)
CSS compatibility with various browsers is already a common issue, and tutorials on the Internet are everywhere. The following content is not too novel. It is a
CSS now provides many features such as advanced options or namespaces. Let's take a look at how to use them. We will show some methods to select and apply some styles to the components: Using namespace for global selection, using ID selection,
Basic knowledge:
1. Length Unit
In CSS, there are two types of length units: absolute length unit and relative length unit.
Absolute length unit
The absolute length is measured in (INCHES), CM (centimeters), mm (millimeters), Pt
in Web how to enable CSS writing specifications are important. Correct and standardized writing CSS style sheets can improve the speed of webpages and the compatibility of various browsers, this helps developers who develop Programs
"If you are a CSS expert, you can introduce the CSS sliding door technology in detail ."
CSSSliding Door Technology. I also wanted to be a master. When I answered a question in Baidu's knowledge, I found that there were many CSS sliding door
Of course, as a page layout worker. This is indeed an annoying problem!Then, startCodeRight
Script Language
=
"
Javascript
"
>
If
(Window. Navigator. useragent. indexof (
"
MSIE
"
)
> =
1
)
{ var ie10
Last two articles
Article "
Div + CSSBrowser compatibility instance analysis (I)
AndDiv + CSS browser compatibility Example 2: Understanding CSS hackBoth articles talk about the compatibility between Div + CSS and browsers. This article focuses
The official version of IE8 has a piece of log, but there are few CSS hack for the official version of IE8. In fact, this is fortunate because IE8 has fixed many bugs in IE6 and IE7, closer to W3C standards.
CSS hack for the official IE8 version
JQuery providescss()Embedded methods to change the element style,css()Methods are diverse in use. Either of them accepts two input parameters: style attributes and style values, separated by commas. For example, to change the link color, we can use
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.