图片3px像素bug

2024-11-05

著名的3像素Bug（div+img，多出几像素）

<div><img src="...."></div> 给img的css设置display: block;/*用来去除div下边莫名多出来的3px的像padding-bottom的东西.注:vertical-align: middle; 亦可*/

最近在做一个网站,基本上已经算完成,就开始完善细节部分了. IE6可能是微软最为YD 的一款浏览器了吧,至今还没有退出历史的舞台,尽管google都宣布不在支持它了. 因为该死的ie6,虽死但是牢牢地占据着老大的位置不放,没办法,boss说话了,必须兼容ie6,只好硬着头皮开始了. IE6呢,bug很多,这就被我遇到了一个img的bug,具体请看大屏幕演示,效果1 效果2. 当初很是奇怪为什么呢?在FF就OK的啊 ,换到IE就死翘翘鸟,当初,不明白这是bug,当调试了一天的时候,替换掉所有的东西

【IE6的疯狂之三】IE6 3像素BUG的实例

问题:2列布局.左列固定,右列液态我需要做一个布局.2列,左边列固定宽度.右边列使用剩余宽度.整体宽度不固定,这样不管在17 还是19的屏幕上,左边列始终宽度不变,右边列宽度始终占据剩余宽度.但是我写这个布局缺在ie6下面始终解决不了3像素bug.请在IE6下测试 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href=”http://www.w3c.org/TR/1999/REC-html401-1999

IE6的3像素bug

IE6的3像素bug3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现.看下面这个左列固定,右列液态的例子,css代码如下: body { margin:0;}#side { float: left; background:#99FF99; height: 300px; width: 120px;}#main { background: #99FFFF; height: 300px;} IE6会在两个div中间加上3px的空隙,那么要解决这个问题,请

IE6的3像素BUG产生条件及解决方法

1.IE6中第一个元素浮动第二个元素不浮动,这两个元素之间就会产生3像素BUG 2.解决方案: 2.1若若宽度一定则给第二个元素添加 float 样式即可: 2.2若宽度自适应: 2.2.1 _margin-right:-3px; // IE6及更低版本均可解析下划线hack 2.2.2 * HTML作为一种hack来解决浏览器之间的不兼容 3.拓展:浏览器之间兼容 3.1 div{ padding-left:300px; padding-left:250px

用Delphi直接获取bmp图片的像素

用Delphi直接获取bmp图片的像素,并存储显示出.(此像素主要用在LED上显示).希望高手能给出代码啊!! function getImagePixels(f: string): Integer; var jpg: TJpegImage; bmp: TBitmap; begin Result := 0; if not FileExists(f) then Exit; if SameText(ExtractFileExt(f), '.bmp') then beg

iOS图片的伪裁剪(改变图片的像素值)

0x00 原理利用一张图片事先画好的图片(以下称为蒙板),盖在要被裁剪的的图片上,然后遍历蒙板上的像素点,修改被裁剪图片对应位置的像素的色值即可得到一些我们想要的不规则图片了(比如人脸) 0x01 代码实现(UIImage分类) #define Mask8(x) ( (x) & 0xFF ) #define R(x) ( Mask8(x) ) #define G(x) ( Mask8(x >> 8 ) ) #define B(x) ( Mask8(x >> 16) ) #

win32加载图片获得像素值

在写光栅渲染器时,需要加载图片获得像素以便进行纹理插值,试了几种方法发现下面这种比价简单,效率也可以接受 Texture2D是我自己定义的类,其中m_pixelBuffer是一个动态二维数组,每个元素为ZCFLOAT3(自定义类型用来保存颜色rgb值). #include "LoadBitmap.h" #include <windows.h> #include <gdiplus.h> #include <iostream> #include <

【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了. XML/HTML代码 <!–[if IE 6]> <script type=”text/javascript”> docume

【转】链接伪类（:hover）CSS背景图片有闪动BUG

来源:http://www.css88.com/archives/744 ------------------------------------------------------------------------------------------------- IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面

ie63像素bug原因及解决办法不使用hack

1.浮动元素后边跟不浮动元素时会产生3像素bug 2.解决办法是不要忘记给浮动元素的相邻元素加上浮动.

精确选择识别png图片有像素的区域（使用方法）

/** * * *---------------------------------------* * | ***精确选择识别png图片有像素的区域*** | * *---------------------------------------* * * 编辑修改收录:fengzi(疯子.wu341.wgq341) * * 不会写代码,我是代码搬运工. * * 联系方式:QQ(493712833). * * 随笔: https://www.cnblogs.com/fengziwu/ * * 版

精确选择识别png图片有像素的区域

/** * * *---------------------------------------* * | ***精确选择识别png图片有像素的区域*** | * *---------------------------------------* ** * 编辑修改收录:fengzi(疯子.wu341.wgq341) * * 不会写代码,我是代码搬运工. * * 联系方式:QQ(493712833). * * 随笔: https://www.cnblogs.com/fengziwu/ * *

nodejs 对 png 图片的像素级别处理

使用node对图片的像素进行处理这里使用常见的图片灰度处理为例子: 用到了 pngjs 的 npm 库,这个库可以将 png 的图片文件 Buffer 流,转换为 r g b a 为 255 的像素值, 同时也可以将 r g b a 的 255 像素值,转换为文件的 Buffer 流,然后写入文件. 例子: const fs = require('fs'),PNG = require('pngjs').PNG; // 根据参数获取文件名称 const pngFile=process.argv[

左侧图片右侧块的实现方法---解决3像素bug的一种解决方案，不用浮动用绝对定位和margin-left

google的实现方式是: <div class="mw"> <a href="/" id="mlogo"> </a> <div id="tsfi" style="zoom:1"></div> </div> 图片可以作为a标签的背景或者嵌套子a标签里面,为a标签设置绝对定位,右面搜索框为正常块,为右面的搜索框设置margin-left

IE的坏脾气——3像素Bug

在一个典型的浮动中,如下面的图片所示:灰色矩形是外部容器,绿色容器在外部容器内向左浮动,未浮动的部分包围着浮动部分.但是IE6在解析这样的浮动时,会莫名的给靠紧浮动部分的未浮动部分添加3个像素的边距.为了更加直观,让我们将Firefox和IE6中的效果做一对比(上图是Firefox中的效果,下图是IE6中的效果): 你会清晰的观察到IE6中的3像素边距Bug.为了确定到底是不是3个像素,我在Photoshop将图片放大到1600%,如下面的截图所示,的确是3个像素. 如何解决这个Bug? 如果这

canvas学习笔记：canvas对图片的像素级处理--ImageData的应用

学习了canvas的基本绘图功能后,惊喜的发现canvas对图片数据也有相当强大的处理功能,能够从像素级别操作位图,当然[lte ie8]不支持. 主要的函数有三个: ctx.createImageData(width,height); // 用于创建ImageData对象 ctx.getImageData(x,y,width,height); // 用于从canvas中获取ImageData对象 ctx.putImageData(imagedata, x, y, dx, dy, width,

div里嵌套了img底部会有白块问题和图片一像素问题解决

div里嵌套了img底部会有白块因为img默认是按基线(baseline)对齐的.对比一下图片和右边的p, q, y等字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高.下面这张图中的黑线就是那条基线. 解决方案:一:vertical-align: bottom(推荐) 解决方案:二:display:block:(不推荐) 不推荐原因:因为img在浏览器里的默认样式是inline,除非有特别的需要否则还是不改变盒模型为好,在这个问题中本质还是行内元素的纵向对齐问题,可以给img调整ve

关于Discuz!nt论坛编辑器图片上传bug,flash域的问题

正在整discuz!nt,现在没有什么人弄了把? 上个星期突然来了个bug,搞死我了,论坛图片不能上传,上传卡在100%没反应了,于是我发现ajax发送到AttachUpload.cs时querystring没有userid于是然后代码我一开始认为AttachUploadPage继承了PageBase,PageBase里面有userid,AttachUploadPage应该可以得到当前上传图片的userid,但是由于flash域问题(经大神指点),这里取不到userid,然后图片上传失败.解

imagick获取图片的大小bug

<? php /* imagick的获取图片的高度和宽度函数有问题,使用GD函数可获得正确结果 gd函数 array getimagesize ( string $filename [, array &$imageinfo ] ) getimagesize() 函数将測定不论什么 GIF,JPG,PNG,SWF.SWC.PSD.TIFF,BMP,IFF.JP2,JPX.JB2.JPC,XBM 或 WBMP 图像文件的大小并返回图像的尺寸以及文件类型和一个能够用于普通 HTML 文件里 IMG

iOS关于图片点到像素转换之杂谈

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 不管是以什么方法生成的图片,是从磁盘上读取的,还是从其他对象中取得,或是从当前显存中获取的. 不管是什么类似的图片,是UIImage还是CGImage. 它们的显示尺寸分为2种:一种以点为单位,另一种以像素为单位. 如果你在绘制,缩放或是截取图片时发现生成后的图片有"花屏"的现象,多半是你的图片尺寸弄错了. 如果是UIImage我们可以通过img.s