您现在的位置是：网站首页> 编程资料编程资料

兼容ie6浏览器窗口四角固定背景代码分享_CSS教程_CSS_网页制作_

2021-09-07 797人已围观

简介昨天有网友提问如何在html页面四角放置图片，下面就是答案，供这位网友参考，经测试确实不错

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>浏览器窗口四角固定背景代码</title><style type="text/css"> html{ _overflow:hidden;/*for ie6*/ } body { margin:0; padding:0; _height:100%;/*for ie6*/ _overflow:auto;/*for ie6*/ } .mainbox { position:relative; _position:inherit;/*for ie6*/ margin:20px; display:block; height:2000px; background:#e2e2e2; } .topleft, .topright, .bottomleft, .bottomright { position:fixed; width:100px; height:100px; background-color:#990; _position:absolute;/*for ie6*/ _z-index:-1;/*for ie6*/ } .topleft { left:0; top:0; } .topright { right:0; top:0; } .bottomleft { left:0; bottom:0; } .bottomright { right:0; bottom:0; } </style></head><body><div class="topleft"></div><div class="topright"></div><div class="bottomleft"></div><div class="bottomright"></div><div class="mainbox">这里是内容区域填充文字</div></body></html>

提示：您可以先修改部分代码再运行

上一篇：滑动门圆角背景宽度和高度自适应_CSS教程_CSS_网页制作_

下一篇：DIV+CSS通用样式布局实例代码_CSS布局实例_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

兼容ie6浏览器窗口四角固定背景代码分享_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢