1. CSS way to remove the link dashed box method:
In IE use HTML attribute: Hidefoucs, add hidefocus= "true" attribute to HTML tag, but this property is IE private, Firefox is not recognized.
Added Hidefocus attribute
In IE with CSS processing:
Question screenshot:The reason for this is that the two sub-div uses the float floating attribute. There are two solutions:1. Add overflow: auto to the div of the complex layer. You can set this parameter. Screenshot:2. Create a new. clear {clear:
In the css tutorial, ie6 position: fixed (fixed positioning) uses position: absolute's solution to completely use position: absolute to solve the fixed positioning problem. Because other browsers support absolute positioning, they have passed tests
The object is presented as an inline object, but the content of the object is presented as a block object. The inline object next to it will be presented in the same row and spaces are allowed.According to this explanation: Supported browsers
Value descriptionBaseline default. The element is placed on the base line of the parent element.Sub vertical alignment text subscript.Super Vertical alignmentTop: align the top of the element with the top of the highest element in the row.Text-top:
I passed the test in ff2, ie7, and ie6. This css tutorial supports the selection box of the input file to beautify the firefox file. The code is as follows:Copy code test file uploading upload File: search for files
Use the margin attribute of the image to center the image horizontally, and use the padding attribute of the div to center the image vertically.The structure code is the same as above;The css code is as follows:Div {width: 300px; height: 150px;
1. Use doctypeYou should always use doctype for the header of each html file, and we recommend using the strict version, for example: or, for xhtml: The most tricky thing you need to handle is that ie6 enters the quirks mode-it's weird enough.2. Set
The code is as follows: Copy code Cssbox {/* Non-ie kernel browsers recognize vertical center */Display: table-cell;Vertical-align: middle;/* The ie kernel browser recognizes vertical center */*
The code is as follows: Copy code a css sliding menu with excellent compatibility 111cn.net webpage effect Source Code Download material resources Webpage. Special effect source
The code is as follows: Copy code webpage special effects drop-down menu Topic 1 Topic 1-> Menu 1 Topic 1-> Menu 2 Topic 1-> menu 3 Topic 1-> menu 4 Topic 2 Topic 2-> Menu 1 Topic
Syntax: overflow: visible | auto | hidden | scrollVisible: Do not cut the content or add a scroll bar. If this default value is explicitly declared, the object is cut to the size of the window or frame containing the object. In addition, the clip
The first method to solve high self-adaptability is to 100%.. Div {height: 100%; overflow: hidden ;}The second method solves div height self-adaptation: min-heightAdd this sentence to the CSS of the DIV: min-height: 200px; height: auto;In this way,
3. Clear floating using the after pseudo objectThis method is only applicable to non-IE browsers. For more information, see the following example. Pay attention to the following points during use. 1. In this method, height: 0 must be set for the
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