全屏显示一张图片，不显示滚动条

!DOCTYPE html
html
head
meta charset="utf-8" /
link rel="stylesheet" href="css/css.css" /
title niday /title
/head
body
div
div
img src="img/10.jpg" /
/div
/div
/body

/html

html,body,.bg{                                             //此处一定要加HTML，不加会出现下底白边
margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
.left{
height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    
}
.bg .left img{
width: 100%;
height:100%;
}

接下来看看CSS不加HTML元素的，出现下底白边：

常见工作站：

!DOCTYPE html

html

head

meta charset="utf-8" /

link rel="stylesheet" href="css/css.css" /

title niday /title

/head

body

div 

div 

img src="img/10.jpg" /

/div

/div

/body

 

/html

 CSS：

html,body,.bg{   

margin: 0px;

    padding: 0px;

    width: 100%;

    height: 100%;

}

.left{

height: 100%;

    width: 50%;

    overflow: hidden;

    position: relative;

    

}

.bg .left img{

width: 100%;

height:100%;

}

 

 

如果CSS不写还HTML，出现白边：

//设置已经滑过一端滑动条背景图片，会覆盖之前之前的颜色，以下相同 [sli1 setMinimumTrackImage:[UIImage imageNamed:@ sliderImage.
在现在的网页设计中，鼠标移到图片上图片放大的效果常常被用到，这个效果多应用于文章列表里。我一开始以为是用JQuery来实现的，后来才知道原来是用CSS3来实现的。