javascript背景图的操作，很简单！_html/css_WEB-ITnose-html教學-PHP中文網

回复讨论(解决方案)

首頁

web前端

html教學

javascript背景图的操作，很简单！_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:23 PM

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

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

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

    大家帮帮忙，出出主意

回复讨论(解决方案)

第一个问题使用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