ie6背景图不显示问题

今天在做一张静态页面，遇到ie6兼容性问题。头疼了一下午。感谢灵芝同学帮我解决了这个bug。有机会必须请你吃饭^_^

其他浏览器均ok，ie6中，

<div id=”content” >
   
    <img src=”taxi_files/app.jpg” border=”0″ usemap=”#Map”>
    <map name=”Map” id=”Map”>
      <area shape=”rect” coords=”189,266,362,342″ href=”#” />
      <area shape=”rect” coords=”6,266,179,342″ href=”#” />
    </map>

</div> 

css为：

.content{ background:url(taxi_files/bg1.jpg) repeat-x}  死活不显示。。

解决方法为：

<div id=”content” style=”background:url(taxi_files/bg1.jpg) repeat-x”>
   
    <img src=”taxi_files/app.jpg” border=”0″ usemap=”#Map”>
    <map name=”Map” id=”Map”>
      <area shape=”rect” coords=”189,266,362,342″ href=”#” />
      <area shape=”rect” coords=”6,266,179,342″ href=”#” />
    </map>

</div> 

把css改为内联样式。ie6 ok！

png ie6前景图透明问题解决方案

 

PNG图片以前景<img>插入网页的，方法如下，果断好用啊：
css如下：
.png24 {
    tmp:expression(setPng24(this));
}
js如下：
<script>
function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng24\b/i,”);
    obj.style.filter =
    “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’”+ obj.src

+”‘,sizingMethod=’image’);”
    obj.src=”;
    return ”;
}
</script>

html：的写法
<img src=”abc123.png” width=”169″ height=”43″ border=”0″>

bester整理的dedecms常用标签

bester花了三个月时间整理了下dedecms的一些常用标签，当然你也可以花三秒钟到百度搜到所有dedecms的标签！

<body>
      <ul>
     首页关键词和描述调用：
<meta name=”description” content=”{dede:global.cfg_description/}” />
<meta name=”keywords” content=”{dede:global.cfg_keywords/}” />
   栏目页和文章页：
 <meta name=”description” content=”{dede:field.keywords/}  ” /> 
 <meta name=”description” content=”{dede:field.description/}” />
 
 首页title：{dede:global.cfg_webname/}
栏目列表页title ： {dede:field.seotitle /}-{dede:global.cfg_webname/}
文章页title：{dede:field.title/}-{dede:global.cfg_webname/}

阅读全文

li元素加上display:inline 宽度增大bug问题

对于ul li的横向排列，可以用左浮动，float:left；或者 ul li{ display:inline;} 来控制，由于li默认为块级元素，用浮动可以用宽度定位，但是用了 inline后，前端无故在li后多了空格，导致宽度增大，不美观。

阅读全文

dedecms5.7列表页如何调用tag

DedeCMSv5.7版本：

　　前面的调用代码在5.6升级到5.7的系统里可以正常使用，但是全新安装的5.7系统里貌似不能用。

　　测试发现，dedecms v5.7版本直接使用标签：[field:id function=GetTags(@me)/] ，就可以调用出来了。只不过不带连接的，如果需要连接，请注释掉include\helpers\archive.helper.php文件的130行：

//$tags .= ($tags==” ? $row['tag'] : ‘,’.$row['tag']);

用下面语句替换，当然你也可以加入自己的样式

$tags .= “<a href=’/tags.php?/”.urlencode($row['tag']).”/’>”.$row['tag'].”</a> “;

bester测试后列表页 成功！

关于reset.css

本文把reset分成了两个部分，一个是纯reset.css，可以用于任何项目。另一个是用于特定项目的“reset”，自定义修改的内容，这些内容可以放在layout.css、typography.css之类的文件中，他们共同导入到一个base.css形成一个项目的基础样式。本文就是来介绍如何写一个合适所有项目的通用的reset.css，以及介绍在设置玩reset.css之后需要针对不同项目要首先要设置的内容。

1，基础
牛顿是站在巨人伽利略的肩膀上的，我们也可以这么做。首先我们要选定一个前进的基础。
请永远不要使用

    * { margin: 0; padding: 0; }

这问题太多了，在此不多加表述。

阅读全文

IE6下PNG图片不透明

在网页中引用,如下:
<!–[if IE 6]>
<script src=”DD_belatedPNG.js” mce_src=”DD_belatedPNG.js”></script>
<script type=”text/javascript”>     /* EXAMPLE */   DD_belatedPNG.fix(‘.png_bg’);   /* 将 .png_bg 改成你应用了透明PNG的CSS选择器,例如我例子中的’.trans’*/   </script> <![endif]–>  
3.有2种调用函数,一种是DD_belatedPNG.fix(),如上代码.另一种是fix(),这中方法需要在函数内指出css选择器名.
使用a:hover请留意
5-25 更新:如果你也像jutoy同学一样想要用透明PNG作为a:hover时的背景图片,那么你需要留意你的代码,需要以”a:hover”来作为选择器. 否则可能会导致无法成功.同时我也更新了demo,请需要的更新查看.接着我们看看正确的代码:
<!–[if IE 6]>
<script type=”text/javascript” src=”js/DD_belatedPNG.js” ></script>
<script type=”text/javascript”>   DD_belatedPNG.fix(‘.trans,.box a:hover’);   </script>
<![endif]–>

网页制作切片后应该保存为 什么类型

一、BMP 图像文件

BMP图像文件最早应用于Windows操作系统，是Windows操作系统中的标准图像文件格式，是最简单的图像格式。

BMP图像格式非常简单，仅具有最基本的图像数据存储功能，能存储每个像素1位、4位、8位和24位的位图。虽然它提供的信息过于简单，但是由于 Windows系统的普及以及BMP本身具有格式简单、标准、透明的特点，BMP图像文件格式得到了推广，它一般应用于Windows系统下的屏幕显示以及一些简单图像系统中。

这种格式的特点是包含的图像信息较丰富，几乎不压缩，但由此导致了它与生俱生来的缺点–占用磁盘空间过大。现在很少会在网页中使用。

一张24位的800×600的bmp格式图形文件大小：

800×600×3byte=1440000byte≈1440byte≈1.44M

阅读全文

html的特殊字符怎么打的

<html>
<head>
<title>
如何在网页中显示特殊字符
</title>
<style>
td{font-size:9pt;color:blue;}
</style>
</head>

阅读全文

DIV+CSS中浏览器兼容方法

CSS样式要注意，float元素需要指定固定宽度，并且要清除浮动，另外float元素不能指定margin属性，因为在IE6浏览器下存在BUG，float浮动元素的宽度总合要小于100%，也就是父级层的盒子的宽度。在我们新建一个css的时候要把所有的标签都归于默认形式，也就是padding和margin都要设置为0，可以用“*”号来还原默认样式，因为在各大浏览器中对于默认的div、li、ul等标签的内外间距解释不同，所以我们要全部设置为0，需要的时候在单独设置。

但是如果不管如何的检查，HTML和CSS都没有问题，但是就是不兼容，那么就可以用各各浏览器之间的hack来解决兼容上的问题，下面我给出我个人比较常用的一些浏览器hack。

阅读全文

Return top