CSS背景图拉伸不变形【HTML】

web前端|html教程

CSS背景图拉伸不变形

web前端-html教程

在线效果体验：/texiao/mobile/3.htm

最新彩虹秒赞源码,ubuntu分区查看工具,Tomcat猫页面出不来,手淘 爬虫,博客框架推荐php,SEO优化SEO外包lzw

请使用手机浏览器查看。

摄影 移动端 源码,vscode+中文下载,查看ubuntu 版本,tomcat直接ssl,sqlite删除临时文件,室内夏天防爬虫的方法有哪些,php 二进制转换成图片,玉溪seo培训哪里好,c爱影院相关网站,小米开源网站模板lzw

css代码：

大商创2.3源码,ubuntu 修改更新源,tomcat最高连接数,rnaseq和爬虫,php中有web前端吗,房产seolzw

.bg{ background:url(/texiao/mobile/3/hovertree01.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; -moz-background-size:100% 100%;background-size:100% 100%; }

HTML文件代码：

a {color: white;}body {font-family: 幼圆,宋体,Times New Roman, Times, serif;color:white;}.picwidth {width: 100%;text-align: left;filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";-moz-background-size: 100% 100%;background-size: 100% 100%;}body {margin: 0px;background-color: #120c0c;}.content {width: 206px;margin: 0px auto;padding-top: 10px;line-height: 16px;}.frame {width: 256px;margin: 0px auto;}

原文

今日人物：

谢霆锋

请点击放大,缩小按钮。

DIV缩放背景自适应(不变形)

请使用支持HTML5的浏览器查看本页

特效库 首页 柯乐义 原文

$(function () {$(".frame").width(300);var documentWidth = $(document.body).width();if (documentWidth < 600)$(".frame").width(documentWidth);var cHead = $("#contentHead"); var cBody = $("#contentBody"); var cBottom = $("#contentBottom");function setHeight() {cHead.height(((cHead.width() / 320) * 289));cBody.height(((cBody.width() / 80) * 31));cBottom.height(((cBottom.width() / 64) * 31));}setHeight();$("#keleyibig").on("click", function (){$(".frame").width($(".frame").width() + 50)setHeight();})$("#keleyismall").on("click", function () {$(".frame").width($(".frame").width() - 50)setHeight();})})

Web前端资源：

这张图可作为手机屏幕背景