纯css实现超宽图片全屏居中(兼容淘宝店铺)
2015-03-11 16:56
330 查看
<!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>纯css实现超宽图片全屏居中(兼容淘宝店铺)</title> <meta name="author" content="艺灵设计,yilingsj@gmail.com, www.yilingsj.com" /> <style type="text/css"> *{margin:0; padding:0;} body{overflow:hidden;} a img{border:none;} a{display:inline-block;} .qp{width:1920px; margin-left:-960px;position:absolute;left:50%;text-align:center} </style> </head> <body> <div style="height:598px;"> <div class="qp"> <a href="http://www.yilingsj.com"><img src="http://img03.taobaocdn.com/imgextra/i3/1758846006/T2yh8FXwJaXXXXXXXX_!!1758846006.jpg" /></a> </div> </div> </body> </html>
相关文章推荐
- 【总结】怎样用css实现图片垂直居中(兼容IE6/IE7)
- css实现图片垂直居中(兼容IE6/IE7)
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- CSS实现图片超过限定尺寸自动缩放兼容IE和Firefox
- CSS-expression实现图片缩放效果,兼容IE、FF
- CSS中如何实现图片垂直居中
- CSS网页制作技巧:图片的自适应居中和兼容处理(转)
- 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
- CSS+Canvas实现图片灰度效果,兼容所有浏览器
- 汇总图片、文本的垂直居中-纯css实现
- css实现图片圆角 兼容所有浏览器实现代码
- 简单css实现图片和文字的居中显示,IE下有效
- CSS图片垂直居中实现方法详解
- CSS实现图片垂直(纵向)居中方法
- css实现图片在div中水平和垂直居中(但图片宽高要小于div宽高)
- 解读淘宝的面试题-使用纯CSS实现垂直居中
- 纯css实现小图片在大容器内水平垂直居中resize
- css实现图片圆角,兼容所有浏览器
- 摘抄:CSS如何实现单行图片与文字垂直居中