Hugh's Blog

CSS 把 Footer 固定在页面底部

有些网站要求当内容不够时把底部固定,实现方法使用的是 Yii 框架自带的,提取出来作个记录 基本 DOM 结构 <html> <body> <div id="wrap"> <header>Header</header> </div> <foo...

CSS3 笔记-动画效果

CSS3 知识匮乏,做个记录,感谢原作者 效果一:360 度旋转,修改 rotate (旋转度数) * { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-trans...

CSS 背景图片铺满

想要把一张图片作为背景图,由于图片太大,总是不能完全显示,只能显示一部分,google 之,原来是 background-size 没设置好,做个记录。 body { background: url("bg.jpg") no-repeat; background-size: 100% 100%; } size 用来获取背...

DIV 下图片自动按比例缩放

在固定 DIV 的宽和高后,DIV 里面的图片能够自动按比例进行缩放,并实现左右上下居中,图片大小不一定;一开始想到的是使用 javascript 解决。 img.onload = function() { //DIV 最大宽和高 var maxWidth = 500; var maxHeight = 500; //取得初始化图片大小 var i...