A brief summary of the method of the Fillet picture implementation

Source: Internet
Author: User

IE6, yesterday was the pit of an afternoon. Ah, IE6 you abuse my times, but I treat you like first love. Do a Web page is not easy, every other browser display normal, one to IE6 test, do not say, are tears.

But there is no hurdle, continue to use my perseverance to overcome it. Hey, a lot of crap, straight into the matter ...

Yesterday's summary of the four pictures to achieve the fillet by IE6 test when the absolute location bottom:0 found;

See bottom:0, unable to cover the bottom edge.

cause Analysis: in the IE6 neutron box in the parent box to apply absolute positioning time bottom:0, will occur in the sub-frame background picture can not be in the end,

Solution: put the original picture in the div inside the absolute positioning instead of directly to the image absolute positioning, do not use Div.

<Body>    <Divclass= "Container">    <Divclass= "Content">the Chinese, the strongest brain!        The Chinese, the strongest brain!        The Chinese, the strongest brain!        The Chinese, the strongest brain!        The Chinese, the strongest brain!        The Chinese, the strongest brain!        The Chinese, the strongest brain! <imgsrc= "R_top.gif"alt= "R_top"class= "R_top">Originally here is the picture as a div background, and then the absolute positioning of the DIV, now directly with the image to absolute positioning can be solved.<imgsrc= "L_top.gif"alt= "L_top"class= "L_top">         <imgsrc= "L_bottom.gif"alt= "L_bottom"class= "L_bottom">        <imgsrc= "R_bottom.gif"alt= "R_bottom"class= "R_bottom">             </Div>    </Div></Body></HTML>

Four pictures to achieve the best method of rounding: four images directly to the absolute positioning, do not use sub-frame loaded background image absolute positioning.

A brief summary of the method of the Fillet picture implementation

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.