放大不同导航器时div之间的间隙

时间:2012-02-26 11:08:02

标签: html navigator gaps-in-visuals

当缩放或缩放网页时,我无法摆脱div之间的差距。在Firefox中它的工作就像一个魅力,但当我尝试IE9 1px行出现下来,但没有其他地方。如果我尝试使用safari,在“实际大小”或100%缩放时,它可以工作,但是一旦我改变缩放,增加或减少,我的意思是,放大或缩小吨行出现。与Chrome是一样的; 100%是好的,110%是坏的,115%变得更好但不完美....

我试过了;

margin-top:-1px

但在应用它之后,只要我放大或缩小,就会出现新的1px行

也试过了

border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;

但也没有工作。

这可能与他们都是绝对的事实有关吗?我不会再从photoshop导出任何东西,但我想完成这个

THANSK!

P.S。;这是网址 http://www.butterfly-paradise.com/

1 个答案:

答案 0 :(得分:0)

我认为接缝来自绝对定位和一堆图像相互映射,并且背景颜色不同。更大的问题是这不是一种很好的布局方式。

接缝不会影响网站的可用性,人们甚至使用浏览器缩放的情况相对较少,所以由您来决定是否值得修复。

如果你想尝试修复它,我建议从头开始。没有任何方法可以在Photoshop中修复它,并且尝试编辑它生成的代码所需的时间比仅仅完成它要长。你可以尝试像Dreamweaver这样的东西,甚至可以手工编写代码。如果这听起来太激烈,那就离开吧。但如果听起来有点令人兴奋,那就去吧。