Last two articles Article "
Div + CSSBrowser compatibility instance analysis (I) And
Div + CSS browser compatibility Example 2: Understanding CSS hackBoth articles talk about the compatibility between Div + CSS and browsers. This article focuses on the following: IE6 does not support CSS style attributes. To understand what properties IE6 does not support, we can write them according to the browser.
CSS styleCodeAnd hack.
1. Outline attributes:
Outline (Outline) is a line drawn around the element, located at the periphery of the border edge, can play a role to highlight the element.
Outline An attribute is a short attribute used to set the outlines around an element.
Note: The contour line does not occupy space or must be a rectangle. I think Outline If the attribute is good, words do not occupy any space. Outline Is like Border It is also to highlight an element, but if some blocks and elements are mutually, if Border The overall width will increase. 2px. Because Outline Not Supported IE Browser, So we often use Borde Attribute. 2.
Inherit (Value)Attribute:
Inherit
Therefore, the name implies "inheritance. Therefore, the values it expresses are also inherited. This element is notified by setting certain styles on a specific element. " Inherit all the attributes added to the parent element, so that you can avoid a lot of keyboard input.
This can be easily implemented by setting inherit. For example, when you override the background attribute, there are often a lot of text in this attribute (color, image URL, location, etc ). Therefore, instead of re-writing these values, you may only want to consider the element with the same background attribute as its parent element, an inherit value can handle everything-This obviously saves a lot of keyboard input. You will understand a simple inherit small instance: <HTML> <style> body {color: red; Background: green;} H1 {color: yellow; Background: blue;} p {color: White; Background: black;} em {color: Inherit;}/* This "inheritance" is the default, <body> Unfortunately, the inherit values in IE6 and IE7 are not supported (except for the direction (Text direction) and visibility attributes ).
3
.
Empty-Cell
Attribute
Empty-Cells Whether the attribute settings in the table are displayed
Empty cell(Used only " Split border " Mode ).
Note: IE The browser does not support this attribute. Inheritance: Yes Empty-Cell Two values of the property:
hide |
default. Borders are not drawn around empty cells. |
Show |
Draw borders around empty cells. |
Example: Table {empty-cell: show;} This attribute is only used for the element where the table or display attribute is set to "table-cell. If you dynamically add content to a table, the content of a cell may be empty, then you do not want the border, background color, and background image of the empty cell to be hidden. "Empty-cells: Show" solves this problem. Instead, you can use "Empty-cells: Hide" to completely hide cells. 4.
Caption-side
Attribute Set or retrieve Caption The object is on the other side of the table. It is Caption Attributes used by objects When it comes to the table attribute, this attribute is used to declare the table title displayed in the column of the table. It accepts the top, bottom, left, and right values.
CSSStyle Example:
Table caption {caption-side: Top; width: auto; text-align: Left ;} For time reasons, we will first introduce these attributes. Please continue to pay attention: Detailed explanation of practical CSS attributes not supported by IE (with examples) (2)
Note: Remove (listly) from the link)
Instance: http://www.po-soft (Listly ). COM/blog/listly/384.html