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

标签:CSS

Web前端开发遇到的问题及解决方案【转载】

HTML+CSS Cindy 1个月前 (08-18) 81浏览 0评论

我在平时工作中经常会遇到一些小问题,我将这些问题汇总到了一起,具体如何收集的已经记不清楚了,我将这些问题总结起来,希望对以后的工作能够带来便利和帮助。 1).margin-top,margin-bottom不能正常显示时 一.有时会遇到外层中的子层使...

移动端自制作输入键盘,实现验证码签到【原创】

原创文章 Ann 8个月前 (02-07) 519浏览 0评论

最近做的一个兼职类的项目,要实现6位数字验证码签到功能,效果图如下 看似很简单的页面,刚开始编写的代码的时候,我也是抱着轻松地态度,心里想着这并没有什么难处,用js实现了输入数字的效果。 但是后来就发生了尴尬的事情,测评中心那边测试的时候,手机切换...

HTML5中使用js控制audio标签的方法【转载】

HTML+CSS Ann 9个月前 (01-06) 418浏览 0评论

<audio>标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: var aud...

手机页面城市选择点击首字母定位到对应城市顶部【原创】

HTML+CSS Ann 9个月前 (01-06) 764浏览 0评论

之前做的一个关于兼职的手机微信端的项目,有的也面要求我们实现选择城市的效果,主要就是点击城市的首字母定位到对应的城市顶端,这可把我难倒了,没做过啊,之前都是用的插件 后来想到之前做公司的官网也要求点击新闻列表对应到相应的新闻位置,当时记得用的是锚点定...

多列表内容下勾选框对应内容显示隐藏【原创】

HTML+CSS Ann 9个月前 (01-06) 365浏览 0评论

最近写公司的客户服务系统,遇到了一个页面,很多内容列表,然后勾选框,相对应的内容显示隐藏,以前也遇到过类似的,只是列表内容比较少,我都是通过给选框和列表分别添加不同类名,然后勾选指定那个类名显示隐藏,这样效果最后是达到了,但是消耗了大量的时间和精力,...

display:none和visibility:hidden详解【转载】

杂项 Nersk 9个月前 (12-28) 400浏览 0评论

一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。一个一个看。 { display: none; /* 不占据空间,无法点击 */ } /********...

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法【转载】

HTML+CSS Ann 11个月前 (10-17) 1110浏览 0评论

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能...

详解如何使用CSS3伪类选择器:nth-child()【原创】

HTML+CSS Ann 11个月前 (10-17) 827浏览 0评论

CSS3的出现无疑给前端开发人员带来了巨大的优势,今天我们着重介绍CSS3中一个新出现的强大伪类选择器:nth:child();为了方便大家理解,我今天会通过展示曾经做过的项目页面,让大家直观清晰的了解这一伪类选择器的功能和使用技巧   1...

js实现横线提示输入验证码随输入验证码输入消失【原创】

HTML+CSS Ann 1年前 (2016-09-24) 1037浏览 0评论

最近做微信端的页面遇到了一个之前没有遇到过的一个页面,刚开始放在那没有去写,可是等其他页面都写好的时候,还是得回过头来研究这个页面问题,刚开始我请教了公司的移动研发,从他那里得到启发,最终实现了这个效果,先把效果图展示出来给大家看看 效果图: 输入...

Web移动端Fixed布局的解决方案【转载】

HTML+CSS Ann 1年前 (2016-09-23) 1268浏览 0评论

移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的...

浅谈总结css3动画效果

HTML+CSS Ann 1年前 (2016-07-23) 1225浏览 0评论

css3的动画功能有以下三种:   1、transition(过度属性)   2、animation(动画属性)   3、transform(2D/3D转换属性) 下面逐一进行介绍我的理解: 1、transition:<过渡属性名称> &...

完美实现DIV垂直居中的多种方法,你值得拥有!

HTML+CSS Ann 1年前 (2016-07-20) 1817浏览 0评论

利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。  使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同...

手机页面有input输入内容时放大问题

HTML+CSS anne 2年前 (2016-01-28) 9365浏览 0评论

最近做的微信网站有一个关于input输入框页面放大的问题。比如登录页面刚打开时正常,但用户输入信息登录时,页面就会放大。解决这个问题,首先需要在头部加一个 <meta name="viewport" content=&q...

一道百度的前端笔试题【转载】

HTML+CSS anne 2年前 (2015-12-22) 1405浏览 0评论

这是2014百度秋招的笔试题,关键在于如何用css实现出那个小三角形,在说实现方法之前让我们先来看一小段代码理解一下border属性吧。 </style> #demo1{ width: 0; height: 0;...

jquery实现点击弹出带标题栏的弹出层效果

HTML+CSS figer 2年前 (2015-09-23) 2632浏览 0评论

这是一款jquery实现的弹出层,点击文字后从网页右上角飞入,也可以说是滑入,此类弹出框带有关闭按钮,可自定义标题栏和弹出框内容,风格自己可定义,代码简洁,基于jquery实现。 实现代码如下: <!DOCTYPE html PUBLIC ...