主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
背景图片自适应屏幕宽度的完美融合
2015-09-12
网页编程网
网页编程网
实现背景图片自适应宽度的完美融合，完美兼容IE6+，Firefox，360安全浏览器，效果图：
宽屏：
要求，中间的图片要做成背景透明。
<div style="width:100%;"> <div style="width:100%; background-color:#dadadc; height:150px;"> <div style="float:left; position:absolute;"><img src="/images/logo_left.jpg" alt="logo左边图片" /> </div> <div style="width:100%; z-index:10; position:absolute; text-align:center;"> <div style="width:1003px; height:150px; background:url(/images/logo.png) no-repeat;_background: transparent;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo.png', sizingMethod='scale'); "></div> </div> <div style="float:right;"><img src="/images/logo_right.jpg" alt="logo右边图片" /> </div> </div> </div>
阅读原文
阅读
4650
123
显示电脑版
