首页 >web前端 >html教程 >javascript背景图的操作,很简单!_html/css_WEB-ITnose

javascript背景图的操作,很简单!_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:23:171076浏览

javascript 文本编辑 背景图片 背景切割

    有一张图片,它是由很多个小图片组合成的。
    现在想使用图片上的小图片做为各个按钮的背景图,
    应该怎么截取图片了
    希望可以兼容各个浏览器。


    我想找一个文本编辑工具,用作写博客用的那种,谁可以推荐一下。

    大家帮帮忙,出出主意

回复讨论(解决方案)

第一个问题 使用css的background属性的background-position参数来定位各个图片.

将图片集中在一张图片上的好处是这些按钮只用请求一次图片即可到处使用,对提高网页载入速度有利.

文本编辑工具推荐fckeditor  之前其他朋友也推荐过ueditor之类的 很多的

第一个问题 使用css的background属性的background-position参数来定位各个图片.

将图片集中在一张图片上的好处是这些按钮只用请求一次图片即可到处使用,对提高网页载入速度有利.

文本编辑工具推荐fckeditor  之前其他朋友也推荐过ueditor之类的 很多的

编辑工具,我想插入到网页的那种?


第一个问题 使用css的background属性的background-position参数来定位各个图片.

将图片集中在一张图片上的好处是这些按钮只用请求一次图片即可到处使用,对提高网页载入速度有利.

文本编辑工具推荐fckeditor  之前其他朋友也推荐过ueditor之类的 很多的

编辑工具,我想插入到网页的那种?

你百度一下这两个 了解下是不是你需求的

现在想使用图片上的小图片做为各个按钮的背景图,
    应该怎么截取图片了
    希望可以兼容各个浏览器。
re:

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">a {background-repeat: no-repeat;text-indent: -999px;display: block !important;width: 18px;height: 15px;}a.cur {background: url(http://mu8.bdstatic.com/player/t/i/mwRYVJPC.png) no-repeat -120px -72px;}</style></head><body><a class="cur" href=""><span class="wg-button-inner"></span></a></body></html>

我想找一个文本编辑工具,用作写博客用的那种,谁可以推荐一下。
re:

http://www.webdesignerdepot.com/2008/12/20-excellent-free-rich-text-editors/

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn