boyanh - 博客园

2012年12月14日

摘要：项目中遇到一个关于使用图片作背景的问题。在我的电脑中查看时，一切显示的是正常的，但是到了同事那边，因为他的显示器比我的大，所以在他那里就是页面的一大部分是我定义的背景图片，页底的一小部分是白色的。我之前定义的class是：body { background: url("../images/line.jpg") repeat-x;}后来定义为body { background: url("../images/line.jpg") repeat-x scroll 0 0 #0096C2;}前一个class没有定义#0096C2;只是定义了repeat-x,在阅读全文

posted @ 2012-12-14 15:36 boyanh 阅读(312) 评论(0) 推荐(0) 编辑

line-height

摘要：最近发现项目中的搜索输入框出现了一点问题。输入框中的光标在不同浏览器中的长度有异。class如下：.seek{ width:300px; height:25px; margin:5px 0; line-height:25px; border:1px solid #ccc; padding-left:5px;}在firefox下显示为：在safari下显示为在chrome下显示为在IE先显示为后来调整代码为.seek{ width:300px; height:25px; margin:5px 0; line-height:25px\9;... 阅读全文

posted @ 2012-12-14 15:11 boyanh 阅读(155) 评论(0) 推荐(0) 编辑

2012年11月16日

margin:0 auto;在IE中无法居中

摘要： margin:0 auto;页面在火狐和谷歌里面是居中的，在IE中是居左的。在页面代码的最前面加<!DOCTYPE HTML>，问题就可以解决阅读全文

posted @ 2012-11-16 10:19 boyanh 阅读(164) 评论(0) 推荐(0) 编辑

2012年9月5日

CSS HACK IE7/IE8

摘要：调试时发现显示的内容在搜狗和360上显示的效果不一样。检查浏览器的版本时发现，搜狗版本是ie7，360浏览器版本是IE8。这是搜狗下显示的效果。这是360下显示的效果。在浏览器的地址输入框里输入代码：javascript:alert(navigator.userAgent); 在弹出的对话框里就可以查看浏览器的版本。之前知道IE6/7都能识别*。但是IE8下，对我写的带*的代码没有反应。后来上网查发现在代码后面加“\0”后。IE8就可以识别。原始代码.re_btn, .su_btn{ height:25px; width:53px; border:1px #bfd8e1 solid; *pad 阅读全文

posted @ 2012-09-05 17:26 boyanh 阅读(146) 评论(0) 推荐(0) 编辑

2012年5月10日

仿做百度阅读器有感（初级菜鸟写，高手绕道）

摘要：最近，跟的项目有充足的空闲时间让我干点自己想干的事，本来想做一个淘宝的页面，鉴于考虑到影响问题，我就转向做百度阅读器了。通过做百度阅读器，感触是有的第一：页面居中我浏览百度阅读器后，直接用工具测量了页面居左边的距离，直接设置margin:0 200px：觉得这样页面就会居中了，后来才知道页面居中margin设置的是：0 auto; 我之前那样设置，当浏览器的窗口是最大化的时候感觉它是居中的，当浏览器的窗口缩小时，问题就出现了，页面的左边始终都会留有200px的空间。第二：浮动之前对浮动的概念一直停留在：浮动是使元素靠左或靠右，目前在ul和div里面用的比较多，对清楚浮动也没有一个概念，只阅读全文

posted @ 2012-05-10 15:54 boyanh 阅读(248) 评论(0) 推荐(0) 编辑

CSS命名规则

摘要：功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的:current小技巧：tips图标:icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright页面结构容器:container页头：header内容：content/container页面主体：main 阅读全文

posted @ 2012-05-10 15:50 boyanh 阅读(176) 评论(0) 推荐(0) 编辑

boyan

公告