❶ 為什麼製作的網頁背景圖片在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也能達到兼容所有瀏覽器的經驗.是否能吸收要看你自己了.不懂可找我.