Hugh's Blog

CSS 把 Footer 固定在页面底部

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

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-transition:All 0.4s ease-in-out; } *:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } 效果二:放大,修改 scale ( ...

CSS 背景图片铺满

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

DIV 下图片自动按比例缩放

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