首页 相关文章 无延迟翻滚的图形与CSS混合风格按钮

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。

  相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载入一个图像,而不是为每一个按钮建立各自的图像。

  同一个图像可以使用在网页所有按钮的背景。按钮的文本标签都是简单的CSS风格文本。

  预先载入的图形/CSS混合风格的为数不多问题之一是对翻滚效果有所限制。使用这一技术的最简单的方法是,指定CSS风格文本的翻滚效果,并使用所有翻滚状态(rollover states)的相同按钮外形图像。这可以给你带来快速、简洁的翻滚效果,但在一定程度上限制了你的开发选项。

  你也可以建立一些可交替使用的按钮图像并构建你的CSS规则,以为不同的翻滚状态改变背景图像。然而,这些方法给你带来更多灵活的设计,但当浏览器首次载入图像文件时,这些可交替使用的铵钮图像会出现延迟现象(除非你采用预先载入按钮图像的方法)。

  预先载入图像...[ 查看全文 ]

2016-02-19 标签:

无延迟翻滚的图形与CSS混合风格按钮的相关文章

手机页面
收藏网站 回到头部