WordPress~ 真的让我学到了不少有趣的东西!
昨天的我很郁闷,原因在这里. 现在的我心情不错,有豁然开朗的感觉, 解决问题的感觉真tmd的有快感,所以我需要遇到许多问题,然后尽我所能一一解决之,那样是不是就...-.-
经Lucifr和slim两位友人的提醒,我在原有的CSS样式中添加了一句控制行高的代码,变成这样:
#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
line-height:17px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}
目前我很确定的一点是,出现显示上的问题最根本的原因是高度没有控制好,因为加上line-height后,FireFox3那是根本没问题的,IE5.5-IE7下侧边栏全部恢复正常,可还有一个遗漏,那就是IE8...虽然IE8只是个测试版本,但既然都看到有问题了,难道随它去?! 这不是我的风格,我满脑子的解决,解决,解决! 经Oyster提醒,尝试着把line-height换成了height,以上代码变成这样:
#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
height:17px;
_padding:6px 0 1px 18px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}
又多加了一句_padding,这是针对ie6专门写的hack代码,只在ie6下有效,如此一来,令我纠结几十个小时滴问题全面解决,hoho^o^. 有朋友说我这css写有够乱的,厄...初次接触这么多css的进阶知识,实在一时之间难以做到整洁,写的语句目标也是使得前端显示正常即可. 所以大家如果有好的建议,或者对以上css架构有不同的想法,欢迎留言让我观摩并学习.另外,Chada同学可以过来坐享其成了...
CSS兼容性问题需要特别注意的。
[回复]
标准太多了...愤怒!
你的Css太复杂了，才造成了这样原因。解决问题很简单，那就是把每个浏览器都定义一遍。
-.- 昏厥掉...那样更复杂啊. 现在只需要把有异议的语句hack下即可,全部定义一遍 css文件又要大很多...
太复杂了。
CSS，我是菜鸟，吃了我吧！
[回复]
你是coder高手...
好吃吗，芽茶。
不是荤的 不开心...
这侧边栏做的
佩服
。。。。真的很不错
[回复]
用firebug可以把我的侧边栏搬走...^^
没事搬你侧边栏干嘛。
小墨这不是不想自己动么 呵呵,可以把我的sidebar拿走
果然是perfect~~
[回复]
嘿嘿,了解了line-height与height的区别,以前是模糊的概念
哈哈 这几天我比较困惑和繁忙的.
所以也没有认真的帮 yacca 解决这些问题.
呵呵,想不到竟然耗费了他几十个小时,实在不好意思啊.
不过也让他自己学到了更多 恩 不错 呵呵
[回复]
我也忙,不过空下来就会考虑这些遇到的问题.
迷茫的前途啊
我要赚外快~~~
各位请教如何接私单子啊
[回复]
关系啊 渠道啊 ... 口碑啊...
Yacca 算是完美主义者，竟要调试到所有浏览器所有版本都完美无错，
很佩服你的严谨认真态度，以及惊人的耐心。
[回复]
主要是我看到了...就非得消灭掉或者找到替代方案...
看到你讲“所以我需要遇到许多问题,然后尽我所能一一解决之”
提个新问题给你：头像的背景色，火狐下是透明无背景，IE6下是灰色背景。
这个现象，从我的头像以及oyster的头像可看出，本来期望的是透明背景效果。
[回复]
这个问题 其实早有解决方法
1:你把图片转为gif格式,但是这个格式将不那么圆滑.
2:css样式 滤镜效果
css:
--------------
.imgfilter{
width:50px;
height:50px;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=
bEnabled,sizingMethod=sSize,src=imgurl)
}
----------
html
----------
注意 这里不能用img标签 因为img所指向的图片会覆盖滤镜的效果,即使你src为空 也也有恶心的叉.
好吧,我尝试.
嗯...滤镜麻烦-.- 还是gif简单哇.
我这里的头像设置为32X32...所以用gif或者jpg吧兄弟...-.-
html
----------
＜div class="imgfilter">＜／div>
靠 这里半角的尖括号 被和谐了啊
河蟹是很正常的,理解下.
到我的blog来看完整的解决方法吧
帮你们写成代码了 .
http://www.flywud.com/wind/150/
好吧,允许你做次广告...呵. 我已经添加css滤镜完毕
精益求精啊~~yacca真用心
[回复]
害羞~^^
哇 真是完美的男人哈。。。
[回复]
-.-... 这么一喊我以为怎么唬别人声称自己非男?!
学了一招哈~~~~~
[回复]
这个...就当是我的一个教训了,呵呵...大家遇到同类问题的话,多考虑下总能找到问题所在滴.
CSS太复杂了，不适合我。
[回复]
你适合app,我知道的
要让所有浏览器效果一样真麻烦
[回复]
ie就好几代了...再加上ff opera........
厉害啊
[回复]
哪里...看到你的订阅量...那才叫厉害!20w...
不行，忍不住最后垃圾评论一条。
咔咔，那么真要感谢yacca了，我说了要坐享其成的，哈哈。。
同样的感谢送给为我和yacca解决了这个问题的各位大大～
棒极了，拿走，折腾去～～～
[回复]
have fun~^^
WordPress的确能学到了不少有趣的东西，呵呵呵
[回复]
乐在其中...^^
继续来找茬，再提个问题：IE6 ，不显示导航栏的下拉菜单！
抱歉，其实以前就发现了，只是一次讲多个问题似乎不太好。
[回复]
这个问题,我依然无法解决...等zeus出解决方案了 哈哈