For each web developer, browser compatibility is a big problem, with Firefox and IE being the main user's browser. Generally we will install a different browser to test, Firefox users can use IE tab this person to expand to debug.
Now, you can try
The difficulty of the topic is two points:
vertically centered;
The picture is a permutation element with some special features.
As for how to solve, here is a trade-off between the relative structure of clean, CSS simple workaround:
. box {
/*
Solution
The best way to display submenus in a navigation system is to create a child list in a list. The two-level navigation bar of this tag is easy to understand – even if the browser does not support CSS.
To produce a multilevel navigation bar,
In the form of Web page typesetting, generally can be used normally. Sometimes there is a continuous series of English words or a bunch of exclamation marks (!!!) The phenomenon that the page is stretched: (
summed up, as long as the CSS in the
The feeling and the UL and Li a bit similar, but also is a kind of new idea, the source code is as follows:
dl,dt,dd css Vertical menu gallery paul cezanne henri matisse vincent van Gogh &
Lt;dd>william turner john constable claude
A return of 90 or 180 degrees should be interpreted as "flip 90 or 180 degrees", with a mirrored flip filter FLIPH,FLIPV.
A table does not move in situ
A simple table
table Flip along x-axis (90 degrees)
A simple table
table flips
Sometimes the picture is too big, will break the page neatly layout. You can use CSS to force a proportional compression of the picture's height or width
The CSS code is as follows:
Img,a
browser's conditional annotation theory, use the following example to explain this problem
X Html
The following code is a test of the effect of a conditional comment statement in Microsoft's IE browser
you are using IE browser
version 5
IE5 and its later versions support the use of expression in CSS to associate CSS properties with javas?cript expressions, where CSS attributes can be intrinsic or custom attributes of an element.
The CSS property can be followed by a
1. Block and inline element comparison
All HTML elements are part of block and inline.
The block element is characterized by:
Always start on a new line;
Height, row height and top and bottom margins are controllable;
The width defaults to 100% of
Div+css or more difficult to make, to achieve up and down two div highly adaptive feel trouble, check the data only to find the upper and lower height are percent is OK, I want to achieve the above div is the specific pixel height, the following is
1. Selector (child selector)
If you want to hide a CSS definition in IE, you can use a child selector.
CSS section:
Html>body p {
* Declarations * *
}
2, "wildcard character" (*)
This type of writing can only be understood by IE browser
Just came to a post, see as long as a line of code, you can kill IE6.
Copy Code code as follows:
If you are using IE6 now, you can try it. Click the Run Code button below; If the point is not dead, let's say your IE is not 6;
Because "{" and "}" and "{" and "}" in CSS conflict.
It doesn't seem to be in quotes, specifically without testing.
As a result, writing scripts in CSS is not flexible, but what if you want to write a complex script into CSS? is a problem, after
Determine if a layer is hidden:
Copy Code code as follows:
$ ("#id"). CSS ("display") = = "None";
In all matching elements, set the value of a style property:
Copy Code code as follows:
$ ("P"). CSS ("Color", "red");
Sets
css a way to display the excess as an ellipsis compatible with the Firefox _ cloud-Habitat Community _www.jb51.net
suntear Technical space
suntear Technical space
suntear Technical space
suntear Technical space
suntear Technical space
Step one: Define an ID in the element that connects the style sheet, for example
Copy Code code as follows:
The ID I defined is CSS.
The second step: Write a JS function, the code is as follows:
Copy Code code as follows:
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service