2 sinat 34718336 sinat_34718336 于 2016.04.19 16:56 提问

ie6边框1px点线bug 求解决代码。

方法是用切图片平铺 但是代码怎么写?初学前端 想了很久想不出来 拜托各位了。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
几个ie6样式兼容性:1px高的块容器、PNG透明图像、负边距时后遮盖前、边框不显示等问题
一、IE6下的1px高的块容器。 在工作中,美工经常会设计出1px高的线条来装饰页面。 如果是单色的线,可用border来实现,如果有渐变或者1PX的图案,那只好用盒容器加背景图了。 对于IE7及以上的浏览器和现代浏览器来说,实现起来很容易。 div .line{ display:block; margin:30px; width:1000px; hei
CSS定义表格边框大全(细线/虚线/点线)(转贴)
CSS定义表格边框大全(细线/虚线/点线)2007年01月11日 星期四 18:28 定义表格边框全部为1 边框颜色 #C7C7C7 .tb1{ border:1px solid #C7C7C7;}
1px边框问题和retina屏下的background-image
1px边框在lib-flexible下如何处理 web app有时候会设计出一些特别细的线条或者边框,如果我们直接通过css设置边框为1px: - Hide code border: 1px solid #ccc; 结果会发现这种边框在手机里看起来的效果,显得特别地粗,之所以会有这个效果,原因很简单,因为现在大部分手机的分辨率很高,一个css像素,比如上面代码中
再谈mobile web retina 下 1px 边框解决方案
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px。由其影响美感。 还好,时代总是进步的。也许很多人都不知道, 现在IOS8下,已经支持0.5px了。。 那么意味着,在devicePixelRatio = 2下,我们可以使用如下的css代码: 但
border:1px引起的盒模型塌陷问题解决方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .main { margin: 100px auto; height: 1
html5移动端页面1px边框问题
HTML5移动端开放的同学们都遇到过这个问题: 很早之前我自己也遇到过这样的问题,设计对你的1px边框很不满意,这时候你还在纳闷,什么问题。设计会说boy,你是不是移动端开发的,这让我自己很尴尬,因为我那时候我刚刚进行移动端开发不知道这类问题,我就去网上找了下这个问题,通过对网上的资料我知道移动端1px和pc端是不一样的,主要原因是window.devicePixelRatio是设备上物理像素和设备
css实现移动端1px边框怎么解决
Retina屏幕,设备像素比,移动端的边框在这些屏幕上1px  会表现处2px,3px像素的宽度,所以出现各种解决方案,今天只总结一种,以后慢慢补充。。通过伪类 ::after。,原理就是通过transfrom:scaleX scale scaleY这几个函数进行缩放,废话不多说,直接撸代码,分别是:底边,上边,左边,右边,还有四个边框都有,在文章末尾有相关知识的介绍链接,本文就不会浪费文字在
7种方法解决移动端Retina屏幕1px边框问题
在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼,为什么我看不出什么差距了,结果UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样!!! 没有办法,只有在后面的版本中去修改了,但是要改的话,需要知道是为什么。所以查了很多资料,终于搞懂了这个问题,并且总结了几种方法。 造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由
实现真正的1px的边框 border
实现真正的1px的边框 border问题 解决的问题是1像素的边框在某些移动设备中会显示过粗,主要原因是设备进行了放大,成为了2px; 解决利用媒体查询和min-device-pixel-ratio 实现
移动端1px边框解决方案
自己今天看网易云音乐的时候,看着里面的1px实在是好看,没办法,强迫症,然后自己把vuejs项目中的1px优化了。话不多说,上代码。css名写在最外div即可.borderBottom1px { width: 100%; height: 100%; position: relative; } .borderBottom1px:after { content: ''; displa