最近在做一项目时,遇到一个问题,就是用jquery做出来的效果,在IE下会闪动,而在FF下正常!
我说一下我的那个效果是什么样子的先, 先看一下我的结构吧:
XHTML:
……………………
我说一下我的那个效果是什么样子的先, 先看一下我的结构吧:
XHTML:
<div class="b_tabs">
<ul>
<li>
<p><span>8.9</span><a href="#">遇难大逃亡ddd</a></p>
<div class="b_tabs_picshow clearfix" ><a href="#"><img src="images/pic_100x100.jpg" alt=" " /></a>
<h3><a href="#">恒基伟业G101</a></h3>
<span>¥1元 </span> </div>
</li>
<li>
<p><span>8.9</span><a href="#">遇难大逃亡ddd</a></p>
<div class="b_tabs_picshow clearfix" ><a href="#"><img src="images/pic_100x100.jpg" alt=" " /></a>
<h3><a href="#">恒基伟业G101</a></h3>
<span>¥1元 </span> </div>
</li>
</UL>
</DIV>
<ul>
<li>
<p><span>8.9</span><a href="#">遇难大逃亡ddd</a></p>
<div class="b_tabs_picshow clearfix" ><a href="#"><img src="images/pic_100x100.jpg" alt=" " /></a>
<h3><a href="#">恒基伟业G101</a></h3>
<span>¥1元 </span> </div>
</li>
<li>
<p><span>8.9</span><a href="#">遇难大逃亡ddd</a></p>
<div class="b_tabs_picshow clearfix" ><a href="#"><img src="images/pic_100x100.jpg" alt=" " /></a>
<h3><a href="#">恒基伟业G101</a></h3>
<span>¥1元 </span> </div>
</li>
</UL>
</DIV>
……………………
IE6中,背景图片,时而显示,时而不显示。比如我遇到过的,给UL一个序号竖排背景(top10的那种),在IE6中,显示不全,有时可能只显示下面八到十,说不定显示多少。
IE下,输入框中的光标是居中的。 但FF下输入框中的光标是居上的……
我看了下新浪的网站,也是同样的情况! 不知道如何解决这个问题,就是写了line-height也不管用! 有哪个大侠看到这篇日志, 还请给个解决方案,蜈蚣多谢了。我也会去尽量找到方法,找到后会编辑此日志,写在下面。 请大家关注下……
通过网友的热心解答,现给出下列方法:
FF 下输入框不接受行高值。所以一般都是加 padding 来调节高度。 padding了多少,输入框的高度就减去多少就可以!
我看了下新浪的网站,也是同样的情况! 不知道如何解决这个问题,就是写了line-height也不管用! 有哪个大侠看到这篇日志, 还请给个解决方案,蜈蚣多谢了。我也会去尽量找到方法,找到后会编辑此日志,写在下面。 请大家关注下……通过网友的热心解答,现给出下列方法:
FF 下输入框不接受行高值。所以一般都是加 padding 来调节高度。 padding了多少,输入框的高度就减去多少就可以!
文本从上到下,layout-flow:vertical-ideographic; 可以控制!但只能在IE里有用! FF 不支持。
有网友提出这样的办法:
这样是兼容!应该来说,是比较不错的解决办法!没有标点符号的应该可以处理了。但有这个标点符号,会在字的后面显示,而不是在字的下面显示!
问题得到解决后,会更新,敬请关注……
有网友提出这样的办法:
<style>div{width:14px;float:right;}</style>
<div>这样做应该是兼容的。</div>
这样是兼容!应该来说,是比较不错的解决办法!没有标点符号的应该可以处理了。但有这个标点符号,会在字的后面显示,而不是在字的下面显示!
问题得到解决后,会更新,敬请关注……
有时加了overflow:hidden; DW中布局会有些乱! 但预览正常!
不必太在意DW中的预览场景。
如果需要实现overflow,高度宽度至少的指定一个,不然它不会知道怎么“overflow”。
如果overflow中的子元素是position:absolute|fixed |relative,那么会overflow将不会把它遮住。给overflow对应的元素再添加一 个position:relative;即可解决。
以前对它的了解就是FF中高度自适应。今天又学到一点! 给大家分享,也许大家早就会了,哈哈!
不必太在意DW中的预览场景。
如果需要实现overflow,高度宽度至少的指定一个,不然它不会知道怎么“overflow”。
如果overflow中的子元素是position:absolute|fixed |relative,那么会overflow将不会把它遮住。给overflow对应的元素再添加一 个position:relative;即可解决。
以前对它的了解就是FF中高度自适应。今天又学到一点! 给大家分享,也许大家早就会了,哈哈!
图片水平居中,很容易实现,垂直居中,往往让人很头痛!
在网上搜集了资料,现整理如下:
一. 背景图片直接center 就可以了,background:url(images/icon_arrow03.gif) no-repeat left center;
二. 内容图片的处理:
EG:
在网上搜集了资料,现整理如下:
一. 背景图片直接center 就可以了,background:url(images/icon_arrow03.gif) no-repeat left center;
二. 内容图片的处理:
EG:
轻易不要上网求...... 某网民:求PS牛人,帮我把后面的两个*人P掉!!!
于是各路大虾各显神通,学雷锋做好事开始鸟
首先声明图中的主人公不是蜈蚣,汗呢,有人居然把主人公当成我了!
于是各路大虾各显神通,学雷锋做好事开始鸟
首先声明图中的主人公不是蜈蚣,汗呢,有人居然把主人公当成我了!










