❶ 为什么制作的网页背景图片在IE里显示不了,在其他浏览器里可以显示会网页设计的速来
IE在制作网页是的兼容性不是很好,建议最好用火狐浏览器。
1.检查图片的路径
2.浏览器兼容问题
3.IE默认设置是不支持图片中文命名的
但是可以设置浏览器,
下面设置浏览器
第一步:打开浏览器选择工具{第三方浏览器比如360浏览也相同}
第二步:选择Internet选项
第三步:在弹出的对话框中选择-高级
第四步:取消默认的--总是以UTF-8发送
URL选择
第五步:确定后重启浏览器就OK
你的网页图片就可以正常在IE中显示。。。
❷ CSS中让背景图片居于右下方的兼容性问题,请高手解答。
FIREFOX 是支胡察持标准的CSS的`~~不可能出现你说的裤高茄这情况!!
你用FIREBUG检查以下!我念行用FIREFOX测试
background-position:bottom right显示没问题!!!!!!!
❸ 在div里加背景图片,出现的兼容问题
你背景图片的高度是多少?因为看到你用background-repeat:no-repeat;,如果背侍卖景图小于10,有会出现你说的那种问题的。不如换余闷成background-repeat:repeat-y;试老毁逗一下!
❹ CSS中背景图片在IE中的兼容问题
是整个页面背景吗?
如果是的话 在<body>里加入 topmargin="0"-----<body topmargin="0">
❺ html背景图片设置全屏,用什么代码才不会出现兼容性问题(使用不同浏览器效果不一样)
不同的浏览器初始值不一样,所以每个标签最好都初始化 *{margin;0;border;0; }初始化后在设置他们的样式,一般情况下在陪枣滑正不芦让拆同浏览器上显示的就差不多饿了
❻ 如何让PNG的透明背景图片在IE6.0中兼容
如何让PNG的透明背景图片在IE6.0中兼容,方法如下:
1、IE6与原本支持png8的索引色透明度,但不支持png或8位以上的 alpha 透明度。阿里上的可能是用png8的索引色透明度,或者是在页面里嵌入的代码。
2、可以用flash来替代png。
3、最不推荐的就是JS。多数 JS的原理就是把IMG 替换为 SPAN, 然后让SPAN的背景调用AlphaImageLoader 加载余棚那个png图片作为span 的背景,会有 非常多的问题,常常会莫名其妙的产生布局混乱。
4、也可以用这个方法:
首先,为你的图片外套一个DIV层,像这样:
<body> <div class=”flower”></div> </body>
然后,在和虚CSS文件里面写入:
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
呃,这是指Mozilla Firefox,要让其在IE6下面正常显示,你应该在<head>和</head>之间写入:
<!–[if gte IE 5]>
<style type="text/css">
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
注:2001年10月,微软发布Windows XP,包括Internet Explorer 6。这个版本介绍自竖棚则动图象重量尺寸和打印预览。在Windows XP SP2里,IE6添加了阻止窗口弹出功能。
❼ 在html中插入PNG格式背景图片是不是在IE8中显示不出来。是他的兼容性问题吗有解决方法
手动修改方法就是,将以下注册代码保存在记事本中,另保存芹弯为fix-ie8.reg,然后双击导入即可!此方法支持WinXP和Windows7操作系统嫌销闷。
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\MIME\Database\Content Type\image/png]
"Extension"=".png"
"Image Filter
CLSID"="{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}"
"CLSID"="{4063BE15-3B08-470D-A0D5-B37161CFFD69}"
[HKEY_CLASSES_ROOT\MIME\斗判Database\Content Type\image/png\Bits]
"0"=hex:08,00,00,00,ff,ff,ff,ff,ff,ff,ff,ff,89,50,4e,47,0d,0a,1a,0a
❽ CSS3样式中如何让背景渐变与背景图片共存
目前,对CSS3支持日趋完善,实现兼容性的渐变背景效果是完全可以的,让背景渐变与背景图片共存的方法很简单,主要要注意的是图片要 保持“最小单元”的准则,选择正确的浏览器,该问题就能得到解决,下面介绍一下具体的解决方法。
❾ IE6背景图片为什么有白底,IE7就很好,怎么写css,才能兼容(如下图)
应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好,都是IE却无视PNG图片这一特性的 “存在”,虽然IE7已经支持都是IE6还是不行。查了一些资料,基本解决了这一问题。虽然有让IE6支持PNG透明背景的JS程序,都是不是很方便,还是用CSS来实现的好。使用到的就是:
IE5.5+的AlphaImageLoader滤镜
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
true : 默认值。滤镜激活。
false : 滤镜被禁止。
sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale : 缩放图片以适应对象的尺寸边界。
src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
说明:
在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。
了解了以上的内容,可以写一段简单的CSS代码(还不是完全正确的代码):
#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”
}
这段简单的CSS代码就可以在IE中正常的显示PNG透明背景,但是会发现在FF下不会出现背景,分析原因:
AlphaImageLoader滤镜只能被IE支持,FF是不支持该滤镜的
有些初次写的时候很多人会这样:
在代码中添加这样一段: background-image: url(bj1.png);
添加这样一段代码虽然能解决FF下的问题,都是IE又出现问题:新的背景会覆盖在滤镜的背景之上,导致滤镜显示无效,这时候就用到IE和FF对CSS读取的区别特性了:
Firefox、Opera等完全支持PNG透明图片的浏览器也支持子选择器(>),而IE不识别(包括IE7),所有我们可以通过这来定义Firefox、Opera等浏览器中PNG图片的样式。代码如下:
html>body #div1 {
background-repeat: repeat;background-image: url(bj1.png);
}
同时,我们通过只有IE才识别的通配符(*),来定义IE浏览器中的滤镜。代码如下:
* #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”)
}
而#div1 {}就放一些IE和FF共用的设置来减少代码文件的大小。最终就是这样:
#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;
}
html>body #div1 {
background-repeat: repeat;background-image: url(bj1.png);
}
* #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”)
}
需 要注意的是:AlphaImageLoader滤镜会导致该区域的链接和按钮无效,解决的办法是为链接或按钮添加:position: relative;这样条代码,使其相对浮动。AlphaImageLoader无法设置背景的重复,所以对图片的切图精度会有很高的精确度要求 。
为了满足一些网友的要求 下面将贴出JS脚本控制PNG透明的脚本,供大家参考:
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
将此代码插入到<body></body>之间即可。
❿ CSS定义的背景图片在IE6下正常,IE8下面不显示。。。求兼容
第一,注意设置height值;
第二,在固定高度或宽度的盒状模形少用padding;
第三,发现ie6不兼容多用display:inline-block;
以上是我不用hacker也能达到兼容所有浏览器的经验.是否能吸收要看你自己了.不懂可找我.