如何显示图像 [英] how to display image

查看:74
本文介绍了如何显示图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

  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> and

in 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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆