如何显示图像 [英] how to display image
本文介绍了如何显示图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
i need to display my image 完全
但 css not 显示 完全 仅 partial 不 完全
# supersized { display : block; position : fixed; left : 0; top : 0; 溢出 : hidden; z-index : - 999; height : 100%; width : 100%; }
i am 卡住 < span class =code-leadattribute> my project 请 help me out
解决方案
嘿,
你可以尝试下面的css。
<前lang =cs>背景:url(images / bg.jpg)无重复中心;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
请删除 z-index:-999; 从你的代码
你好Shakeer,
试试这个css。
#超大 {
width : 100%;
min-height : 100%;
显示 : block;
职位 : 绝对;
溢出 : 隐藏;
}
获取全屏(浏览器屏幕)图像在< body>中添加溢出:隐藏和,其中包含< img> 标签。
和刚才试试这个Jquery插件。也许它会帮助你。
http://srobbin.com/jquery-plugins/backstretch/ [ ^ ]
祝你好运
i need to display my image completely
but the below css not displaying completely only partial not fully
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
i am stuck in my project please help me out
解决方案
Hey,
you can try below css.
background: url(images/bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
please remove z-index:-999; from your code
Hi Shakeer,
Try this css.
#supersized{ width:100%; min-height:100%; display:block; position:absolute; overflow:hidden; }
to get full screen (browser screen) image add overflow:hidden in <body> andin which you included <img> tag.
and just try this Jquery Plugin. may be it will help you.
http://srobbin.com/jquery-plugins/backstretch/[^]
Good Luck
这篇关于如何显示图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文