后使用快捷导航没有帐号？
只需一步，快速开始
查看: 5410|回复: 16
PNG图片在IE6无法显示,找了好多资料都不行
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
PNG图片在IE6无法显示,找了好多资料都不行,请大侠帮忙看下,实在是弄不出.下面代码有错吗,谢谢.
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
&script language=&javascript&&
function correctPNG()
for(var i=0; i&document.images. 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-& + img.style.cssText
if (img.align == &left&) imgStyle = &float:& + imgStyle
if (img.align == &right&) imgStyle = &float:& + imgStyle
if (img.parentElement.href) imgStyle = &cursor:& + imgStyle
var strNewHTML = &&span &+ imgID + imgClass + imgTitle + & style=\&& + &width:& + img.width + & height:& + img.height + && + imgStyle + &;& + &filter:progid:DXImageTransform.Microsoft.AlphaImageLoader& + &(src='& + img.src + &', sizingMethod='scale');\&&&/span&&
img.outerHTML = strNewHTML
window.attachEvent(&onload&, correctPNG);
&style type=&text/css&&
background-color: #0000FF;
&body&&img src=&images/zheng.png& /&
&span style=&filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zheng.png',sizingMethod='scale');&&hhh&/span&
&img src=&images/1tbg.png& width=&97& height=&27& /&
&提示：您可以先修改部分代码再运行
(4.14 KB, 下载次数: 7)
13:52 上传
(5.38 KB, 下载次数: 2)
13:52 上传
UID486933在线时间 小时积分44帖子离线17222 天注册时间
新手上路, 积分 44, 距离下一级还需 6 积分
图片的路径不对，你怎么知道蓝色把你上传的图片放到了images目录下？
好像IE6只是不支持透明背景的png图片
UID340557在线时间 小时积分687帖子离线17222 天注册时间
高级会员, 积分 687, 距离下一级还需 313 积分
filter : progidXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
src :必选项。字符串(String)。（指定图片的路径。要注意的是这个路径是指加载滤镜的页面相对于图片的路径而不是css文件相对于图片的路径。这跟一般的图片加载有区别。）
看看是不是这个原因
UID492339在线时间 小时积分413帖子离线17222 天注册时间
中级会员, 积分 413, 距离下一级还需 87 积分
IE6.0不支持透明背景的png图片的,在IE中预览时就是会在出现灰色背景的,不过要在页面上放一串代码就不会出现这种情况了,代码如下:
&!--[if lt IE 7]&
&script language=&JavaScript&&
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
& &&&var arVersion = navigator.appVersion.split(&MSIE&)
& &&&var version = parseFloat(arVersion[1])
& &&&if ((version &= 5.5) && (document.body.filters))
& && &&&for(var j=0; j&document.images. j++)
& && && &&&var img = document.images[j]
& && && &&&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-& + img.style.cssText
& && && && &&&if (img.align == &left&) imgStyle = &float:& + imgStyle
& && && && &&&if (img.align == &right&) imgStyle = &float:& + imgStyle
& && && && &&&if (img.parentElement.href) imgStyle = &cursor:& + imgStyle
& && && && &&&var strNewHTML = &&span & + imgID + imgClass + imgTitle
& && && && &&&+ & style=\&& + &width:& + img.width + & height:& + img.height + && + imgStyle + &;&
& && && && &&&+ &filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&
& && && && &&&+ &(src=\'& + img.src + &\', sizingMethod='scale');\&&&/span&&
& && && && &&&img.outerHTML = strNewHTML
& && && && &&&j = j-1
& && && &&&}
window.attachEvent(&onload&, correctPNG);
&![endif]--&
你不妨试试!
呃,代码中有调出表情了,这样吧,你上这个地址看一下,
[[i] 本帖最后由 bound0 于
12:29 编辑 ]
UID341268在线时间 小时积分14帖子离线17222 天注册时间
新手上路, 积分 14, 距离下一级还需 36 积分
二楼正解IE6只是不支持PNG透明，不会不显示！
UID147171在线时间 小时积分12957帖子离线17222 天注册时间
楼主找找 png .js
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
这是我PNG.JS的文件.引用了无效.郁闷中........
function correctPNG(img)
var imgName = img.src
if (imgName.match(/\.png$/i)){
if (img.tid){
span=document.getElementById(img.tid);
span=document.createElement(&span&);
span.id=&_&+Math.random()*100;
img.tid=span.
img.parentElement.insertBefore(span,img);
span.className=img.className?img.className:&&;
span.title=img.alt?img.alt:&&;
var imgClass = (img.className) ? &class='& + img.className + &' & : &&
var imgTitle = (img.title) ? &title='& + img.title + &' & : &title='& + img.alt + &' &
var imgStyle = &display:inline-& + img.style.cssText
if (img.align == &left&) imgStyle = &float:& + imgStyle
if (img.align == &right&) imgStyle = &float:& + imgStyle
if (img.parentElement.href) imgStyle = &cursor:& + imgStyle
span.style.cssText=&width:&+img.width+&height:&+img.height+&&+imgStyle+&;&+ &filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&
+ &(src=\'& + img.src + &\', sizingMethod='scale');&
img.style.display=&none&;
if (img.tid){
document.getElementById(img.tid).style.display=&none&;
img.style.display=&&;
function imgInit(){
for (var i=0,img=document.images[i];i++){
img.attachEvent(&onload&,function(){correctPNG(event.srcElement)});
correctPNG(img);
window.attachEvent(&onload&, imgInit);
&提示：您可以先修改部分代码再运行
UID350485在线时间 小时积分1105帖子离线17222 天注册时间
银牌会员, 积分 1105, 距离下一级还需 1895 积分
利用IE的似有属性可以解决，但是这个似有属性会冻结浏览器，当对这块使用定位或者执行相关的JS的时候，JS会失效。
据说把图片存成PNG8的格式好像可以，但是我也没试过，你可以试试
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
PNG8的格式我存过,但效果好差,现在是PNG24的.
UID350485在线时间 小时积分1105帖子离线17222 天注册时间
银牌会员, 积分 1105, 距离下一级还需 1895 积分
如果是PNG24的就只能用IE的似有属性了，不过要确保你应用的这部分没用JS和相对/绝对定位（具体我也是不太清楚了），这样可能会影响到JS的执行
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
什么都没用.就是一楼的代码.
UID350485在线时间 小时积分1105帖子离线17222 天注册时间
银牌会员, 积分 1105, 距离下一级还需 1895 积分
应该没问题吧，看附件，不过这个似有属性只针对IE5.5以上的浏览器。如果要兼容最好写个过滤器
(10.23 KB, 下载次数: 30)
13:19 上传
点击文件名下载附件
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
可能是我IE6有问题了.我装了个绿化版本的IE6.想问下.像你这样的写法, 如何为它加超链接,谢.
UID350485在线时间 小时积分1105帖子离线17222 天注册时间
银牌会员, 积分 1105, 距离下一级还需 1895 积分
我感觉要么写JS,出发onclick跳转，要么就在最外层的DIV上直接加&a&标签
UID333964在线时间 小时积分188帖子离线17222 天注册时间
初级会员, 积分 188, 距离下一级还需 12 积分
主要有个问题
好几个绿色版的IE不支持滤镜
UID67642在线时间 小时积分7996帖子离线17222 天注册时间
&li class=&active& onmouseover=&nTabs(this,0);&&&a href=&#&&&img src=&images/1tbg.png& border=&0& /&&/a&&/li&如果引用了这个PNG.JS文件的话,直接在页面中可以加这个PNG格式的图片吧?
&a href=&#&&&div style=&width:97height:27filter : progidXImageTransform.Microsoft.AlphaImageLoader (src='1tbg.png' )&&&/a&你的意思是不是这样加?
UID350485在线时间 小时积分1105帖子离线17222 天注册时间
银牌会员, 积分 1105, 距离下一级还需 1895 积分
&a href=&#&&&div style=&width:97height:27filter : progidXImageTransform.Microsoft.AlphaImageLoader (src='1tbg.png' )&&&/div&&/a&这样加的话似乎背离了HTML的本身结构的含义，但是我觉得除了JS也只能这样了，可是在一些编辑器上这样会报错什么的，当然可以尽量模仿真是点，给&a&转换成块级元素，设置和图片相应的大小还有设置一下cursor属性什么的，应该可以吧，我也不确定，楼主可以试试吧。
另外给你介绍个软件，好像叫mutiple IE,是一个集合IE6包括IE6一下所有的版本，可以和IE7共存，同好用的，不妨试试
[[i] 本帖最后由 hrdesign 于
16:20 编辑 ]
Powered byie6对png图片格式支持不好解决办法 - 简书
ie6对png图片格式支持不好解决办法
在head里引入png.js文件&!--[if lte IE 6]&
&script type="text/javascript" src="js/PNG.js"&&/script&
&script& PNG.fix('*'); &/script&
&![endif]--&
PNG: Adds IE6 support: PNG images for CSS background-image and HTML &IMG/&.
Author: Drew Diller
Email: drew.
Version: 0.0.7a
Licensed under the MIT License: *
Example usage:
PNG.fix('.png_bg'); // argument is a CSS selector
PNG.fixPng( someNode ); // argument is an HTMLDomElement**/
/PLEASE READ:Absolutely everything in this script is SILLY.
I know this.
IE's rendering of certain pixels doesn't make sense, so neither does this code!
var PNG = {
ns: 'PNG',
imgSize: {},
createVmlNameSpace: function() { /* enable VML */
if (document.namespaces && !document.namespaces[this.ns]) {
document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
if (window.attachEvent) {
window.attachEvent('onbeforeunload', function() {
createVmlStyleSheet: function() { /* style VML, enable behaviors */
Just in case lots of other developers have added
lots of other stylesheets using document.createStyleSheet
and hit the 31-limit mark, let's not use that method!
further reading: /en-us/library/ms531194(VS.85).aspx
var style = document.createElement('style');
document.documentElement.firstChild.insertBefore(style, document.documentElement.firstChild.firstChild);
var styleSheet = style.styleS
styleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
styleSheet.addRule(this.ns + '\\:shape', 'position:');
styleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior: border: position: z-index:-1; top:-10000 visibility:'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
this.styleSheet = styleS
readPropertyChange: function() {
var el = event.srcE
if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
PNG.applyVML(el);
if (event.propertyName == 'style.display') {
var display = (el.currentStyle.display == 'none') ? 'none' : 'block';
for (var v in el.vml) {
el.vml[v].shape.style.display =
if (event.propertyName.search('filter') != -1) {
PNG.vmlOpacity(el);
vmlOpacity: function(el) {
if (el.currentStyle.filter.search('lpha') != -1) {
var trans = el.currentStyle.
trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
el.vml.color.shape.style.filter = el.currentStyle. /* complete guesswork */
el.vml.image.fill.opacity = /* complete guesswork */
handlePseudoHover: function(el) {
setTimeout(function() { /* wouldn't work as intended without setTimeout */
PNG.applyVML(el);
* This is the method to use in a document.
* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
fix: function(selector) {
var selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
for (var i=0; i&selectors. i++) {
this.styleSheet.addRule(selectors[i], 'behavior:expression(PNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
applyVML: function(el) {
el.runtimeStyle.cssText = '';
this.vmlFill(el);
this.vmlOffsets(el);
this.vmlOpacity(el);
if (el.isImg) {
this.copyImageBorders(el);
attachHandlers: function(el) {
var self =
var handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
if (el.nodeName == 'A') {
var moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
for (var a in moreForAs) {
handlers[a] = moreForAs[a];
for (var h in handlers) {
el.attachEvent('on' + h, function() {
self[handlers[h]](el);
el.attachEvent('onpropertychange', this.readPropertyChange);
giveLayout: function(el) {
el.style.zoom = 1;
if (el.currentStyle.position == 'static') {
el.style.position = 'relative';
copyImageBorders: function(el) {
var styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
for (var s in styles) {
el.vml.color.shape.style[s] = el.currentStyle[s];
vmlFill: function(el) {
if (!el.currentStyle) {
var elStyle = el.currentS
for (var v in el.vml) {
el.vml[v].shape.style.zIndex = elStyle.zI
el.runtimeStyle.backgroundColor = '';
el.runtimeStyle.backgroundImage = '';
var noColor = (elStyle.backgroundColor == 'transparent');
var noImg =
if (elStyle.backgroundImage != 'none' || el.isImg) {
if (!el.isImg) {
el.vmlBg = elStyle.backgroundI
el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
el.vmlBg = el.
if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
var img = document.createElement('img');
lib.imgSize[el.vmlBg] =
img.className = lib.ns + '_sizeFinder';
img.runtimeStyle.cssText = 'behavior: position: left:-10000 top:-10000 border:'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
img.attachEvent('onload', function() {
this.width = this.offsetW /* weird cache-busting requirement! */
this.height = this.offsetH
lib.vmlOffsets(el);
img.src = el.vmlBg;
img.removeAttribute('width');
img.removeAttribute('height');
document.body.insertBefore(img, document.body.firstChild);
el.vml.image.fill.src = el.vmlBg;
el.vml.image.fill.on = !noI
el.vml.image.fill.color = 'none';
el.vml.color.shape.style.backgroundColor = elStyle.backgroundC
el.runtimeStyle.backgroundImage = 'none';
el.runtimeStyle.backgroundColor = 'transparent';
/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
vmlOffsets: function(el) {
var thisStyle = el.currentS
var size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
var fudge = (size.L + size.bLW == 1) ? 1 : 0;
/* vml shape, left, top, width, height, origin */
var makeVisible = function(vml, l, t, w, h, o) {
vml.coordsize = w+','+h;
vml.coordorigin = o+','+o;
vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
vml.style.width = w + 'px';
vml.style.height = h + 'px';
vml.style.left = l + 'px';
vml.style.top = t + 'px';
makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1);
var bg = {'X':0, 'Y':0};
var figurePercentage = function(axis, position) {
var fraction =
switch(position) {
case 'left':
case 'top':
bg[axis] = 0;
case 'center':
bg[axis] = .5;
case 'right':
case 'bottom':
bg[axis] = 1;
if (position.search('%') != -1) {
bg[axis] = parseInt(position)*.01;
fraction =
var horz = (axis == 'X');
bg[axis] = Math.ceil(fraction ? ( (size[horz?'W': 'H'] * bg[axis]) - (size[horz?'w': 'h'] * bg[axis]) ) : parseInt(position));
if (bg[axis] == 0) {
bg[axis]++;
for (var b in bg) {
figurePercentage(b, thisStyle['backgroundPosition'+b]);
el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
var bgR = thisStyle.backgroundR
var dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
var altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
if (bgR != 'repeat') {
var c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
var v = bgR.split('repeat-')[1].toUpperCase();
c[altC[v].b1] = 1;
c[altC[v].b2] = size[altC[v].d];
if (c.B & size.H) {
c.B = size.H;
el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
fixPng: function(el) {
el.style.behavior = 'none';
if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
el.isImg =
if (el.nodeName == 'IMG') {
if(el.src.toLowerCase().search(/\.png$/) != -1) {
el.isImg =
el.style.visibility = 'hidden';
else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
var lib = PNG;
el.vml = {color: {}, image: {}};
var els = {shape: {}, fill: {}};
for (var r in el.vml) {
for (var e in els) {
var nodeStr = lib.ns + ':' +
el.vml[r][e] = document.createElement(nodeStr);
el.vml[r].shape.stroked =
el.vml[r].shape.appendChild(el.vml[r].fill);
el.parentNode.insertBefore(el.vml[r].shape, el);
el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
el.vml.image.fill.type = 'tile'; /* Ze magic!! Makes image show up. */
el.vml.color.fill.on = /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
lib.attachHandlers(el);
lib.giveLayout(el);
lib.giveLayout(el.offsetParent);
/* set up element */
lib.applyVML(el);
document.execCommand("BackgroundImageCache", false, true); / TredoSoft Multiple IE doesn't like this, so try{} it /} catch(r) {}PNG.createVmlNameSpace();PNG.createVmlStyleSheet();// JavaScript Documentbackground-image在IE6下正常,IE8下无效-学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
background-image在IE6下正常,IE8下无效
来源：互联网 发表时间： 4:06:04 责任编辑：鲁晓倩字体：
为了帮助网友解决“background-image在IE6下正常,IE8下无效”相关的问题，学网通过互联网对“background-image在IE6下正常,IE8下无效”相关的解决方案进行了整理,用户详细问题包括:
background-image:url(../newimages/li_bg.jpg);padding-top:4display:height:24width:185color:Wpadding-left:15
，具体解决方案如下：解决方案1：语法是没有错的，这中问题你最好只保留没效果的样式，其他什么padding哪些的样式先删掉，看看解决方案2：
把background-image 换成background试试
解决方案3：
是同一台电脑吗？
解决方案4：
可以百度一下那个兼容ie 6 和ie8 的一段段代码
解决方案5：
建议将背景图片直接设置到HTML页，因为有的可能是开发环境出了问题。
解决方案6：
background-image:url('......');加个单引号试试？
6个回答1个回答5个回答2个回答4个回答1个回答3个回答4个回答4个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 学网 版权所有
京ICP备号-1 京公网安备02号&style type=&text/css&&
*{margin:0;padding:0}
body{ font-family:宋体,Arial,Helvetica,sans- font-size:12 color:#404040;}
a{ text-decoration: color:#1a66b3; }
a:hover{text-decoration:color:#1a66b3;}
img{border:0}
* ul,* ol,* li {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12font-weight:normal}
.dashed{line-height:1 height:1 font-size:0}
.dot{ letter-spacing:-3}
.clear{ clear:line-height:0height:0font-size:0
#header {position: top:30 left:300 width:1020 height:200 }
#site-nav{background-repeat:repeat-x;background-position:0 -44width:min-width:950 background-color:#}
#site-nav-bd{position:width:950margin:0height:22line-height:22margin:0padding:2px 0;z-index:10000;color:#000;}
.h2{font-size: 13padding: 2px 20px 2px 20}
.guangyijie{width:109height:20text-align:font-size:14}
article,header,footer,nav{display:}
.clearfix:after{content:&.&;display:height:0;clear:visibility:}
.clearfix{display:inline-}/* Hides from IE-mac \*/* html
.clearfix{height:1%;}
.clearfix{display:}
.top-header{width:1000height:200margin:0}
.top-header .top-banner{width:100%;height:40text-align:_margin-top:-1}
.top-header .top-banner img{vertical-align:}
.top-header .masthead{position:width:100%;height:130}
.top-header .piaoyangdehaizeiqi-logo{height:60position:top:30left:3font-size:60font-weight:line-height:60margin:0;}
.top-header .channel-wrap{width:100%;height:55border-bottom:2px solid #f27b04;position:}
.top-header .channel-wrap .vertical-channel{height:24padding:31px 0 0 5}
.top-header .channel-wrap .vertical-channel li{font-size:14font-weight:float:height:24line-height:23
line-height:26px\0;*line-height:22_line-height:24overflow:}
.top-header .channel-wrap .vertical-channel a{display:inline-}
.top-header .channel-wrap .vertical-channel a span{padding:0 15float:color:#d84600;height:24vertical-align:
*height:22_height:24*padding-top:2_padding-top:0;}
.top-header .channel-wrap .vertical-channel .select{position:margin-right:3}
.top-header .channel-wrap .vertical-channel .select a{background-color:#F27B04;}
.top-header .channel-wrap .vertical-channel .select a span{color:#FFF;}
.top-header .channel-wrap .vertical-channel .select .rc-lt,.top-header .channel-wrap .vertical-channel .select .rc-rt{_top:-1}
.top-header .channel-wrap .vertical-channel a:hover{background-position:0 -384background-color:#FFF8E2;text-decoration:}
.top-header .channel-wrap .vertical-channel a:hover span{background-position:right -54cursor:}
.top-header .channel-wrap .vertical-channel .select a:hover{background-image:background-color:#F27B04;}
.top-header .channel-wrap .vertical-channel .select a:hover span{background-image:}
.publish_wrapTop {margin-left:30width:760color:#404040;font:12px/18px &\5b8b\4f53&,A }
.publish_wrapTop a{ text-decoration: color:#1a66b3; }
.publish_wrapTop a:hover{text-decoration:underline}
.slide_adTop {top:10border:1px solid #edd8b0;height:126margin-bottom:10position:width:680}
.slide_adTop .left_page{height:126width:30position:background-color:#fff0d9;}
.slide_adTop .left_page .ziti{font-size:17color:#f74551;font-weight:}
.slideitemTop {float:margin-left:12overflow:width:200}
.slideitemTop .pic {border:1px solid #e0e0e0;float: height:60width:200}
.slideitemTop .pic a {display:height:60overflow:text-align:width:200}
.detailTop {float:overflow:width:212text-align:}
.detailTop .title {color:#c30;font-family:Afont-weight:}
&base target=&_blank& /&
&div id=&site-nav& role=&navigation&&&div id=&site-nav-bd&&abc&/div&&/div&
&header class=&top-header&&
&article class=&masthead&&
&table&&tr&&td width=&185px&&
&div&&a href=&./main.html& target=&_self&&
&img src=&./sucai/T1ogqgXfXeXXXXXXXX-168-44.jpg& alt=&abc&&
&/a&&/div&&/td&
&div class=&publish_wrapTop clearfix&&
&div class=&slide_adTop&&
&table&&tr&&td class=&left_page& height=&126px& width=&30px&&&span class=&ziti&&&nbspABC&br&和&br&&nbspDEF
&/span&&/td&
height=&126px&&
&table&&tr&&td class=&slideitemTop&&&div class=&pic&&&a target=&_blank& href=&./1030005.html& title=&Begin&&&img src=&./sucai/1030005Logo.jpg&&&/a&&/div&&/td&
&td class=&slideitemTop&&&div class=&pic&&&a target=&_blank& href=&./1060004.html& title=&ABCDED&&&img src=&./sucai/1060004Logo.jpg&&&/a&&/div&&/td&
&td class=&slideitemTop&&&div class=&pic&&&a target=&_blank& href=&./1030008.html& title=&ABCDEF&&&img src=&./sucai/1030008Logo.jpg&&&/a&&/div&&/td&&/tr&
&tr&&td class=&detailTop&&&div class=&title&&ABCDEF&/div&&/td&&td class=&detailTop&&&div class=&title&&ABCDEF&/div&&/td&&td class=&detailTop&&&div class=&title&&ABCDEF&/div&&/td&&/tr&
&tr&&td class=&detailTop&&ABCDEF&/td&&td class=&detailTop&&ABCDEF&/td&&td class=&detailTop&&ABCDEF&/td&&/tr&
&tr&&td class=&detailTop&&EEEEE&/td&&td class=&detailTop&&EEEEEE&/td&&td class=&detailTop&&FFFFF&/td&&/tr&
&/table&&/td&&/tr&&/table&&/div&
&/td&&/tr&&/table&&/article&
&nav class=&channel-wrap&&
&ul class=&vertical-channel clearfix&&
&li class=&select&&&a target=&_self& href=&javascript:void(0);&&&span&吃早饭&/span&&/a&&b class=&rc-lt&&&/b&&b class=&rc-rt&&&/b&&/li&
&li style=&width:90&&&a href=&./clothes.html& title=&吃午饭&&&span&吃午饭&/span&&/a&&/li&
&/ul&&/nav&
&/body&&/html&
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有