`
文章列表
转自:http://cdc.tencent.com/?p=1685 用户体验的时间尺度 悟空 / 交互设计 / 2009.10.26 / 相关标签 理论 用户习惯 14

CSS hack only for Chrome

    博客分类:
  • CSS
转贴:http://stackoverflow.com/a/23594288 @media all and(-webkit-min-device-pixel-
工作中发现,同样一段文字,在IE8,Firefox和Chrome中,行数不同。IE8和Firefox中行数相同,Chrome中行数要多一样。最终的解决方案是使用  letter-spacing: -0.2px; /* for Chrome */ 减小字母的间距,这样文字在3个浏览器中表现的结果就一样了。

CSS清理浮动

    博客分类:
  • CSS
转贴自:http://lightcss.com/all-about-clear-float/   清理浮动的那些事儿(1)——6种清理浮动的方法 发表于 2011年2月1日 由 Sivan

坑爹的BR标签

    博客分类:
  • CSS
工作时遇到两个问题: 1. <p><span>abc<br/> <br/></span></p>这个HTML代码,在IE中,span标签有3个自节点,分别是text, br, br。两个BR之间的空格没有被算成Text节点。Firefox中,两个BR之间的空格,也被算成Text节点了,造成Firefox中年,span的自节点是4个,分别是text,br,text,br。 2. IE中BR标签到 高度为0, 可是Firefox中,BR标签有高度。为了统一,只好将Firefox中BR的样式设置成display: inlin ...
因为非Retina屏的iPad的-webkit-min-device-pixel-ratio是1.0 Retina屏的设备是2.0。所以如果想对这两类设备分别设置css样式时,可以使用 @media screen and (-webkit-min-device-pixel-ratio: 1.0)和@media screen and (-webkit-min-device-pixel-ratio: 2.0)来区分。但是要注意顺序,如果2.0在前1.0在后并且设置的属性相同而值不同,那么Retina屏的设备的同属性的样式会被2.0的覆盖。必须把2.0放在1.0之后,例如: @media sc ...
  转自 :http://feilong.org/firefox-ie-no-cache   网站开发特别是初级前端开发人员时经常会有这样的疑问:为什么我修改了代码,也刷新了页面,但是也没还是没有看到改动呢?这是浏览器缓存中作怪,特别是firefox浏览器,缓存很顽固,你有时间即使按下 ctrl+f5,或者点击浏览器的那个刷新图标,页面竟然还没如预期改变。如何禁用浏览器缓存?如何让firefox和IE禁止缓存?本日志介绍让firefox和IE禁止缓存的三种方法,更新网址:http://feilong.org/firefox-ie-no-cache 201304502 加入收藏夹,查看更方 ...
转自:http://stackoverflow.com/questions/17286457/how-to-center-text-inside-donut-chart-embedded-in-combination-chart   $('#container').highcharts({         chart: {             events: {                 load: function() {                     var chart = this,                         rend = cha ...
项目中需要用到HttpClient去网站请求数据,连接需要使用https方式。参考网上的各种资料,我的实现步骤如下:   1. 使用浏览器访问网站,导出网站的证书。 2. 我使用的是jdk1.7,内含jre1.7。我在jdk1.7/bin目录中执行: keytool -import -keystore "my-jdk-jre-root/lib/security/cacerts" -storepass changeit -keypass changeit -alias myalias -file cert-file.cer 将证书导入jdk自带的jre的cacert ...
今天启动工程,报 Error configuring application listener of class org.springframework.web.context.ContextLoaderListener 错误 在网上查找一番,得到几个解决方案: 1. 缺少spring-web.jar 2. web.xml文件中,listener标签要放在servlet标签前面 3. 在web.xml文件中,把 <listener>     <listener-class>org.springframework.web.context.ContextLoa ...
转自:http://bbs.csdn.net/topics/310249435#post-312366787   在按下与 ASCII 字符对应的键时将触发 KeyPress 事件。ASCII 字符集不仅代表标准键盘的字母、数字和标点符号,而且也代表大多数控制键。但是 KeyPress 事件只识别 ENTER、TAB 和 BACKSPACE 键。KeyDown 和 KeyUp 事件能够检测其它功能键、编辑键和定位键。
我在安装Safari之后,发现无法用浏览器打开outlook, word, excel和ppt中的链接了。每次点击链接都会弹出警告框: This operation has been cancelled due to restrictions in effect on this computer. Please contact your system administrator.   解决方法: 到 http://support.microsoft.com/default.aspx?scid=kb;EN-US;Q310049 这里下载修复工具,安装即可。

纯CSS气泡效果

    博客分类:
  • CSS
转自:http://www.cnblogs.com/daxiong/articles/3158630.html 纯CSS气泡框实现方法探究   气泡框(或者提示框)是网页中一种很常见的元素,大多用来展示提示信息,如下图所示: 拆分来看,形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头,要制作出这样的气泡框,如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片,然后定位在矩形框上。但这种解决办法在后期更改气泡框会很不方便,可能每修改一次气泡框都要重新制作一个三角形小图标。如果我们能够直接用HTML和CSS代码实现这样一个三角形小箭头一切都迎刃 ...
转自:http://www.zhangxinxu.com/wordpress/2013/07/jquery-%E5%8E%9F%E7%90%86-%E6%9C%BA%E5%88%B6/   只要new表达式之后的constructor返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,如果返回(return)一个原始类型(无
<div class="container" style="width: 100px; height: 50px;">     <div style="float: left; height: 10px; width: 10px;"></div>     <div style="float: right; height: 10px; width: 10px;"></div> </div>   我们要对.container元素,使用s ...
Global site tag (gtag.js) - Google Analytics