css3图片不固定展示(html图片固定位置不随页面)

如果情形比较复杂，比如预先不知道图片是宽大于高还是高大于宽，又想把图片控制在某个范围内比如正方形，就要结合JavaScript脚本才能实现了网上大把代码，自己百度或者也可以把图片搞成背景图，然后利用css3的back。

1创建以下目录结构的测试页面2将测试图片显示在浏览器界面上，效果如下3通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口4通过CSS设置背景图片不重复，此时，图片将不能铺满窗口5通过CSS设置。

使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了如。

1控制背景重复如果需要在页面上对背景图像进行平铺，可以使用 backgroundrepeat 属性属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样repeatx 和 repeaty 分别导致图像只在水平或垂直。

function ScreenWidthCSS1，CSS2，CSS3，CSS4 if screenwidth == 1024 screenheight == 768 setActiveStyleSheetCSS1else if screenwidth == 800 screenheight == 600 setActive。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码bodybackground urlimagejpg norepeatbackgroundsize 200px 200px 3浏览器运行indexhtml页面，此。