最新消息:文章中包含代码时,请遵守代码高亮规范!

Cindy的文章

移动端手机页面布局之经验分享【原创】

HTML+CSS 4个月前 (02-08) 346浏览 0评论

手机页面内容不够长,在大屏手机下底部信息下面会留有很多空白。 解决方案: (1)底部信息用定位来写,使其始终显示在页面底部,中间内容区域可以滚动。底部内容样式如下: .foot{ position:fixed; left:0; bottom:0; }...

怎么让整个背景图片插到网页中【原创】

HTML+CSS 4个月前 (02-08) 362浏览 0评论

网页内容比较多时,背景图片尺寸不够大,那要怎么把图片放到网页上去呢? 解决方案: 1、背景图片不动 固定背景图片,给背景图片设置position:fixed属性,其他内容可以滚动。 2、背景图片和网页内容一起上下滑动 如果背景图片头部和底部有内容,中...

如何使用图片延迟加载插件lazyload.js【原创】

HTML+CSS 4个月前 (02-08) 337浏览 0评论

网页页面图片和内容比较多的时候,会导致网站加载速度很慢,如果图片比较多,网站加载很久才能显示图片,用户体验性不是很好,使用图片延迟加载插件lazyload.js可以让图片延迟加载,以下是关于插件使用的介绍: lazyload.js调用方法 (1)为图...

如何解决ie7下z-index失效bug【原创】

HTML+CSS 5个月前 (01-18) 311浏览 0评论

之前在写项目的时候,有时候经常会用到定位,在ie7浏览器下有时候定位元素设置z-index有时候会失效,会被其他元素覆盖在上面。 具体解决办法如下: 给父级元素加上position:relative,并设置z-index。 父级元素的z-index优...

如何清除浮动?【转载】

HTML+CSS 5个月前 (01-18) 289浏览 0评论

浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除。 关于清除浮动的四种方式: 方式一:使用ove...

用div模拟select下拉菜单【原创】

HTML+CSS 6个月前 (12-19) 399浏览 0评论

select下拉菜单在不同版本的浏览器下显示的样式会有所不同,特别是在ie低版本中,select自带的样式去不掉。以下是用div来模拟select下拉菜单具体代码: <!DOCTYPE html> <html lang=&qu...

巧妙运用css让弹窗居中【原创】

HTML+CSS 6个月前 (12-19) 364浏览 0评论

在开发项目时,有时候需要登录界面或者弹窗要始终居中在电脑屏幕中间,由于屏幕大小不确定,不用js,仅用margin-top和margin-left难以使弹窗刚好显示在屏幕中间。 以下是实现弹窗居中具体代码,大家可以参考一下。 弹窗样式代码: .ma...

js+css实现全屏【转载】

HTML+CSS 6个月前 (12-17) 295浏览 0评论

在html5中,全屏方法可以适用于很多html 元素,不仅仅是video。以下是实现全屏具体代码: css样式: *{ padding: 0px; margin: 0px; } body div.videobox{ width: 400px; hei...