摘要: 一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal... 阅读全文
posted @ 2015-11-17 12:00 AkiChan 阅读(331) 评论(0) 推荐(0) 编辑
摘要: IE6不支持PNG透明图片,一路上在写一些模板的时候并没有对其进行处理。不过,这里给大家分享一个能够使得PNG图片在IE6浏览器下也拥有透明效果的JS插件。 使用很简单,只要加载该JS文件,然后将需要处理的图片的类或者ID传给 DD_belatedPNG.fix() ,就行啦!当然也支持直接传进通配... 阅读全文
posted @ 2015-11-17 11:59 AkiChan 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器... 阅读全文
posted @ 2015-11-17 11:59 AkiChan 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 分享一个纯CSS写的下拉菜单代码,结构非常简单,代码十分清晰,HTML+CSS下拉菜单代码。HTML代码部分:在线预览>>HomeAbout UsThe TeamHistoryVisionProductsCozy CouchGreat TableSmall ChairShiny ShelfInvis... 阅读全文
posted @ 2015-11-17 11:58 AkiChan 阅读(1361) 评论(0) 推荐(0) 编辑
摘要: 很多时候我们打开一些网站的背景图片会发现是很多图标集合的一张完整的图片。这种网页使用的就是CSS Sprite,通过将多个图标整合在同一张图片,可以减少向服务器请求图片的次数,加快网页的加载速度。CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所... 阅读全文
posted @ 2015-11-17 11:57 AkiChan 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 一、下载您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它。ht... 阅读全文
posted @ 2015-11-17 11:56 AkiChan 阅读(172) 评论(0) 推荐(0) 编辑
摘要: PS:在其基础上完善了一些答案,增加一些问题 欢迎fork wj:)目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,... 阅读全文
posted @ 2015-11-17 11:55 AkiChan 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进... 阅读全文
posted @ 2015-11-17 11:54 AkiChan 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 用css制作一个三角形箭头三角形我们经常用在列表、下拉提示、面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在所处的栏目或者频道。我们有哪些方法来实现它呢,下面我根... 阅读全文
posted @ 2015-11-17 11:53 AkiChan 阅读(1450) 评论(0) 推荐(1) 编辑
摘要: 透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}上面的几个属性分别是:opa... 阅读全文
posted @ 2015-11-17 11:53 AkiChan 阅读(3127) 评论(0) 推荐(0) 编辑
摘要: 《CSS3 入门教程系列》前一篇文章详细介绍了 CSS3RGBA特性的用法,今天这篇文章我们在一起来看看CSS3中用于实现圆角效果的border-radius属性的具体用法。 以前制作圆角效果,我们都需要使用多张圆角图片做为背景分别应用到每个角上,我应用最多的就是在需要圆角的元素标签中加四个空标签... 阅读全文
posted @ 2015-11-17 11:51 AkiChan 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资... 阅读全文
posted @ 2015-11-17 11:50 AkiChan 阅读(174) 评论(0) 推荐(0) 编辑
摘要: filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2F000000,endcolorstr=#2F000000); 而且兼容性很好!已测试,#2F000000第一个2为透明度,想多少透明度自己改 阅读全文
posted @ 2015-11-17 11:49 AkiChan 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 如何使用JS来判断浏览器类型(ie、firefox,等等)现在网络上的浏览器,操作系统就象中国的方言一样,那个叫多啊!这给我们这些开发人员带来了巨大的痛苦!大家的喜好不同,使用的系统也不同:有人喜欢用ie,有人喜欢用firefox,还有人喜欢用腾讯tt,而我喜欢用maxthon。虽然名字可能有很多种... 阅读全文
posted @ 2015-11-17 11:47 AkiChan 阅读(738) 评论(0) 推荐(0) 编辑