CSS的DIV背景图放置(兼容IE6)

最新推荐文章于 2021-06-16 17:39:13 发布
原创 最新推荐文章于 2021-06-16 17:39:13 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #div #ie #url

本文介绍了一种DIV+CSS布局方案，并针对IE6浏览器的兼容性问题提供了具体的解决方案。通过对背景图片设置repeat-x属性及加入overflow:hidden;zoom:1;样式，实现了在不同浏览器下的一致显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本文使用的DIV+CSS三部份如图示: 

 

 

 

 

IE6中,CSS如果写成如入代码:

 

底部显示的效果是:

修正代码:

 

在顶部时的效果是:

修正代码:

 

修正后的效果:

 

8、CSS背景图像的使用与技巧
night的博客
06-20 26
本文详细介绍了CSS背景图像的多种使用方法与技巧，包括背景图像的基本定位与布局、半流体布局中的背景应用、透明背景的使用、背景子弹的实现、多背景图像的处理方法以及实际页面中的应用案例。同时，文章还总结了CSS背景图像的关键知识点，并展望了未来在网页设计中的发展趋势。通过这些内容，读者可以更好地掌握背景图像技术，提升网页设计的美观性和实用性。
css实现自适应背景图及背景图透明度处理
zxm802376的专栏
11-10 3210
前言 大屏可视化在展示方式上之所炫酷是因为有很多科技感图形的衬托，这些图形可以来自图表组件，也可以是UI组件，具备科技感的UI组件实际上比常见的组件库中的组件多了一个样式属性（即backgroundImage），但是在做组件自适应的时候往往一张背景图是不能满足自适应的需求的，设置了backgroundSize之后，不同的分辨率下需要的背景图的宽高比也许不同，这样背景图呈现出来的效果可能会被拉伸或...
Css控制图片大小，自适应缩放，兼容IE6和Firefox
11-15 2702
Css控制图片大小，自适应缩放，兼容IE6和Firefox Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-height可以控制图片的大小，如果图片宽度超过内容区域，则限制其大小为指
CSS 背景图随div大小缩放 兼容IE
localhost
07-16 495
让背景图片的大小自动适应DIV大小，兼容主流浏览器，包括Firefox、Chrome以及 IE 等： [code="css"] .imgDiv{ width:500px; height:500px; background-image:url('../images/index.jpg'); -moz-background-size: 100% 100%; ...
div css 布局下兼容IE6 IE7 FF常见问题
u011927449的博客
01-16 350
div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; I...
DIV CSS完美兼容IE6/IE7/FF的通用方法
xyl36500的专栏
09-02 442
<br />1.同时使用两个类<br />一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：<br /><p class="text side">...</p><br />同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。<br />补充：对于一个ID，不能这样写<p id="text side">...</p>也不能这样写<br /
div+css设置div的背景为半透明的方法
09-25
总结以上知识点，实现div背景半透明的关键在于使用浏览器兼容的CSS属性。在现代网页设计中，半透明效果经常被用来增强视觉效果，如创建半透明的遮罩层、高亮显示某些信息区域等。通过使用不同的CSS属性组合，开发者...
部分透明的蒙版效果实现思路(兼容ie6)
09-25
在网页设计中，有时我们需要创建一种特殊的蒙版效果，即部分透明的蒙版，以便...总的来说，实现部分透明蒙版效果需要结合CSS、PNG24图片和IE6兼容性技巧，以及可能的JavaScript辅助，以创建出既美观又实用的设计效果。
IE6 两个div有间隙的问题（IE 3px bug）
09-27
标题中的“IE6 两个div有间隙的问题（IE 3px bug）”指的是在使用Internet Explorer 6浏览器时，两个并排放置的div元素之间会出现一个大约3像素的空隙，这在其他浏览器如IE7中通常是不存在的。这个问题是由于IE6对盒...
图片连续滚动代码[兼容IE/firefox]
01-19
- 注意 IE6-8 对于 `position: absolute` 的支持有限制，可能需要额外调整样式。 2. **Firefox 兼容性**: - Firefox 通常较好地支持现代 JavaScript 和 CSS 特性，但在某些情况下可能需要特定的前缀或设置。 - ...
html5实现毛玻璃模糊效果 Aero风格
06-09
html5分别使用css3和canvas实现毛玻璃模糊效果 Aero风格
CSS控制图片自适应大小,兼容IE6,IE7
05-06 6699
#auto_image img{ max-width:460px;autoimg:expression(onload=function(){this.style.width=(this.offsetWidth > 460)?"460px":"auto"});} 演示地址:http://mm766.com/XingGanMeiNv/8.html 图片自动适
用html和css布局如下图像,HTML CSS + DIV实现整体布局
weixin_39685459的博客
06-16 1982
什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是...
css实现背景图片的毛玻璃效果
不染心的博客
08-10 9717
问题一 1、简述问题 最近在做登录页面的时候，遇到了一个问题：将登录页面的背景图片，设置为毛玻璃效果。在网上找到了关于这方面的资料。 2、问题解决 .blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ backgr
css背景图片填充样式background-size兼容ie8以下浏览器解决
☆╮123☆
08-05 8805
background-image: url(images/background.jpg); background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale');/*兼容ie8以下*/ 已经试过，确实可用！！
解决ajax以post方式传参时，字符串中有单引号的错误。
iflash50的专栏
11-09 3646
 今天用ajax的post方式传值时，遇到一个问题，始终没有找到问题原因。后来把传的值中单引号去掉后，js正常了。 经过搜索，也没有找到具体原因。最后通过隐藏域来中转该字符串。最后解决这个问题！无语了！备忘！ js部份：////异步调用服务器信息function CallServiceInsert(){ var url=""; var param
【jQuery】用DIV层模拟下拉列表
iflash50的专栏
09-29 2229
jQuery模拟下拉列表，主要是使用了 $(e.target) 获取单击事件。
兼容多浏览器的背景图片自适应窗口技术实现
本文介绍了如何使用JQuery和CSS两种方法来实现背景图片随浏览器窗口大小变化而自动调整，并确保在包括IE6-8在内的多个浏览器版本中也能正常工作。JQuery方法通过动态调整背景图片的CSS属性来实现，而CSS方法则更简洁...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值