> 웹 프론트엔드 > HTML 튜토리얼 > javascript背景图的操作,很简单!_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:23:17
원래의
1086명이 탐색했습니다.

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/

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿