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

HTML+CSS

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

HTML+CSS Cindy 2天前 30浏览 0评论

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

如何清除浮动?【转载】

HTML+CSS Cindy 2天前 37浏览 0评论

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

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

HTML+CSS Cindy 1个月前 (12-19) 136浏览 0评论

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

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

HTML+CSS Cindy 1个月前 (12-19) 119浏览 0评论

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

Ios,Android,H5的部分交互【原创】

Android Aimee 1个月前 (12-18) 111浏览 0评论

现在的大部分app应用中,已经充斥着占比很高的H5页面或者元素,那么,在h5页面中如何实现与IOS和Android的交互呢,以下做部分交互的简单介绍: 例如:传递参数并执行pushView()方法。 $('body').on('click','.di...

css3实现的3D旋转爱心相册【原创】

HTML+CSS Jonny 1个月前 (12-18) 67浏览 0评论

这是前一段时间学习css3,在网上看一个老师的公开课上讲的一个小案例,觉得挺有趣的,而且也能帮助熟悉css3的一些代码,所以第二天自己就尝试着写一个出来。由于对css3的代码不熟悉,花了小半天时间,最后还是败在IE的兼容上面。今天发出来是给大家提供一...

js+css实现全屏【转载】

HTML+CSS Cindy 1个月前 (12-17) 76浏览 0评论

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

正则表达式书写规范【转载】

HTML+CSS Aimee 2个月前 (11-19) 191浏览 0评论

在完成项目的过程中,我们遇到的限制输入框输入内容的正则表达式的书写规范都是怎样的呢?以下转载的内容做出了详细的介绍,并举例说明,便于理解: ^ :匹配开头,$:匹配结尾 ; /^ve/以ve开头的 /ve$/以ve结尾 \d:一个任意的数字 \w:一...

笔记–实现个数不等的中文对齐或等宽【原创】

HTML+CSS Ellen 2个月前 (11-18) 140浏览 0评论

最近遇到了一个效果:实现个数不等的中文对齐或等宽,于是整理了一下,包括自己搜索到的以及同事提供的方法。 实现方法如下所示: 实现方法一: 最简单的方法就是用空格: 空格:半角空格  &nbsp;   半个中文字符  &ensp;   ...

CSS实现长宽比的几种方案【转载】

HTML+CSS Jonny 2个月前 (11-12) 114浏览 0评论

对于在CSS中实现容器的长宽比最初的创意是来自于在Web中如何实现纵横比。主要是用于响应式设计中的iframe、img和video之类的元素。随之扩展为适用于任何的容器长宽比。那在CSS中到底有多少种方案可以实现呢?我一向喜欢做这样的事情,到处搜集多...