*** 实现文字伸缩显示特效

访客4年前黑客资讯503

一般情况下 *** 实现文字伸缩显示特效实用于网站的列表页与内容页,同时首页的公告区,以下为显示效果。

  • IE6的双倍间距问题,该怎么办?引发原因:对元素使用了浮动float后,并且使用了margin-left或者margin-right,在IE6中往往会容易引发双倍间距的问题。
    解决 *** :对使用浮动float的元素多添加一个display:inline;即可,当然也可以麻烦点,使用针对IE6的hack,减少margin-left和margin-right的数值(一半)。
  • 为什么IE6中使用PNG图片的时候,背景是灰的,而其他浏览器却是透明的?引发原因:因为IE6对PNG-24格式的图片支持的不是很好,尤其是带alpha通道的图片。
    解决 *** :
    1) 不使用带alpha通道的png-24格式的图片,而使用png-8格式的图片。
    2) 对于一定要使用alpha透明的图片的话,可以用flash,也可以用其他 *** ,具体请查看gulu77整理的《IE6支持PNG透明(alpha通道)的4种 *** 》。
  • 为什么页面很乱,下面的内容都跑到上面来了呢?引发原因:当一个元素浮动后,就会让该元素旁边的以及下面的元素都产生位置的变化。
    解决 *** :清除该元素的浮动。
  • 为什么高度不会自适应呢?引发原因:当一个元素浮动以后,或者是没有设置高度的时候,往往会出现高度无法自适应的情况。
    解决 *** :如果高度没有设置或者是设置了height:auto;的话,那么可以使用overflow:hidden;来达到高度自适应的 *** 。
  • div中的内容被FLASH挡住了?引发原因:FLASH在页面中的级别相对来说比其他元素都要高,就算设置了position后并且带有z-index也还是会出现这样的问题。
    解决 *** :记得以前解决这个 *** 的时候是使用iframe这个更搞级别的标签元素来解决的,不过后来发现了另外一个 *** ,就是给FLASH设置透明就可以了。可以参考《标准的FLASH插入代码》一文,这个是当初在PR的博客上看到的。
  • 如何隐藏文字(一般用特殊的漂亮的背景图片替代)?以下的代码只是简要说明一下如何隐藏一个文字,具体的使用 *** 大家可以根据自己需要来使用,基本上都是利用让文字超出边界然后overflow:hidden;来实现,当然是在块元素内才可以(程序代码:

    这个文字我想隐藏的,怎么办

    )。

    A、添加标签,隐藏标签内容

    那就多添加一个标签,然后display:none不就隐藏了么

     

    B、text-indent:-9999px;利用text-indent将文字推出块区域

    文字被推出去了哦

     

    C、利用行高来隐藏文字

    文字是不是又不见了啊,嘻嘻

     

    D、利用背景色来隐藏文字

    文字跟背景色相同,那就看不到了,不过好像没什么实际性的意义

     

    E、利用其他模块来隐藏文字

    这个是标题


    利用margin-top负边距来将内容区域提升上去覆盖标题区域,然后用padding-top来实现原有的标题区域的范围,可以用背景图片来做得更漂亮点,但具体的要结合实际情况来实现

     

下载地址:http://pan.baidu.com/s/1sjyhzHz

相关文章

朋友圈营销推广怎么做,朋友圈怎么只发文字!

朋友圈营销推广怎么做,朋友圈怎么只发文字!

现在移动互联网的市场我就不多解释了,微信朋友圈那就是目前移动互联网的主力,那么很多人就考虑利用微信朋友圈来做营销广告推广,那么微信朋友圈营销推广怎么做呢,另外朋友圈怎么只发文字不发图片呢。 如上...

微信怎么发朋友圈只发文字不带图片,其实很简

微信怎么发朋友圈只发文字不带图片,其实很简

微信朋友圈怎么只发纯属文字,不用配图,其实微信是有这个功能的,但是官方好像说不要依赖,功能设置也没有明显的功能按钮。下面来看看如何触发微信朋友圈只发纯文字的功能吧。 工具/原料 微信朋友圈方法...

在线文本转语音软件哪个好(一款免费文字转语

在线文本转语音软件哪个好(一款免费文字转语

几乎90%以上的人,都跟小编反映过! 回到家完全没办法干活,连打开微信看下新闻的心情都没有了! 好趴!既然累到眼睛都睁不开了! 那咱们用耳朵听行了吧! 今天小编就介绍几个非常好用的方法! 让...

微信拍一拍创意搞笑后缀大全 拍了拍后缀文字怎么添加?

微信拍一拍创意搞笑后缀大全 拍了拍后缀文字怎么添加?

微信拍一拍创意后缀怎么设置?如何选择后缀的内容?拍一拍的后缀可以随意添加各种文字,不管是什么内容都可以,设置的方法和创意后缀的名字下面都有详细的攻略,是小编为大家搜集的各种新奇的拍一拍后缀哦! 微信...

无锡桥梁侧翻结果是什么?交通运输部10月份例行新闻发布会文字实录

交通运输部今日举行10月份例行新闻发布会,交通运输部公路局副局长周荣峰在回应无锡桥梁侧翻事故调查结果时表示,该事故原因初步分析为半挂牵引车严重超载导致桥梁发生侧翻,具体情况仍在继续调查中。 以下是发...

行距固定值怎么设置?WPS文档技巧—如何修改表格内文字行间距

行距固定值怎么设置?WPS文档技巧—如何修改表格内文字行间距

我们在利用WPS文字和Word文档办公的时候经常会在文档中插入表格,在表格中输入文字时,不调整排版的话,文字间的行距会比较大,占很大的篇幅,看起来也不是很美观,接下来就带大家看一下修改表格内文字行间距...