求助,怎么用CSS定义多张背景图
\u7528css\u600e\u6837\u5728\u4e00\u4e2adiv\u4e2d\u8bbe\u7f6e\u4e24\u5f20\u80cc\u666f\u56fe\u7247\u5728\u4e00\u4e2adiv\u91cc\u9762\u8bbe\u7f6e\u4e24\u5f20\u80cc\u666f\u56fe\u7247\u7528css3\u7684\u591a\u80cc\u666f\u53ef\u4ee5\u505a\u5230\uff0c\u5199\u6cd5\u4e5f\u5f88\u5bb9\u6613\uff0c\u7c7b\u4f3c\u4e0b\u9762\u8fd9\u6837\u5c31\u884c\u4e86:
background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat;
\u4e0d\u8fc7\u56e0\u4e3a\u4e0d\u540c\u6d4f\u89c8\u5668\u5bf9\u4e8eCSS3\u7684\u652f\u6301\u5ea6\u6709\u9650\uff0c\u8fd9\u79cd\u5199\u6cd5\u5728\u5927\u591a\u6570\u6d4f\u89c8\u5668\u91cc\u9762\uff0c\u7279\u522b\u662fIE\u91cc\u9762\u662f\u65e0\u6548\u7684\u3002\u6240\u4ee5\u901a\u5e38\u7684\u4f5c\u6cd5\u8fd8\u662f\u5d4c\u5957\u4e24\u4e2adiv\uff0c\u4e00\u4e2adiv\u91cc\u9762\u662f\u4e0a\u9762\u7684\u80cc\u666f\u56fe\uff0c\u4e00\u4e2adiv\u91cc\u9762\u662f\u4e0b\u9762\u7684\u80cc\u666f\u56fe\uff0c\u8fd9\u6837\u7684\u517c\u5bb9\u6027\u4f1a\u597d\u4e00\u4e9b\u3002
background:url(ucello.jpg) no-repeat 30px top,
url(lumaca.jpg) no-repeat right 105px,
url(logo.jpg) no-repeat 60px 55px,
url(fiore.jpg) no-repeat 5px 55px,
url(erba.png) repeat-x bottom,
url(cielo.png) repeat-x top;
[对象].style.backgroundimage = "url(图片路径)";
绛旓細鍦ㄤ竴涓猟iv閲岄潰璁剧疆涓寮犺儗鏅鍥剧墖鐢╟ss3鐨澶氳儗鏅鍙互鍋氬埌锛屽啓娉曚篃寰堝鏄擄紝绫讳技涓嬮潰杩欐牱灏辫浜:background:url(top.jpg) center top no-repeat,url(bottom.jpg) center bottom no-repeat;涓嶈繃鍥犱负涓嶅悓娴忚鍣ㄥ浜嶤SS3鐨勬敮鎸佸害鏈夐檺锛岃繖绉嶅啓娉曞湪澶у鏁版祻瑙堝櫒閲岄潰锛岀壒鍒槸IE閲岄潰鏄棤鏁堢殑銆傛墍浠ラ氬父鐨勪綔娉曡繕鏄...
绛旓細鍙互浣跨敤css鏍峰紡涓轰竴涓厓绱犺缃涓儗鏅浘鐗囥鏍规嵁鏌ヨ鐩稿叧璧勬枡淇℃伅锛岄噰鐢ㄨ儗鏅睘鎬ф潵璁剧疆锛宑ss鎻愪緵浜嗗彲鍚屾椂璁剧疆澶氬紶鑳屾櫙鍥剧殑灞炴ф槸鍙互鐨銆
绛旓細css3鍙互瀹炵幇锛宐ackground: url(image_1.jpg) top left no-repeat, url(image_2.jpg) top right no-repeat;鍦ㄨ繖涓鑳屾櫙閲岄潰鍔犱袱涓猟iv;鏍峰紡涓洪兘float:left:width:50%;height:100%;鐒跺悗鎶婂浘鐗囧垎鍒斁鍒颁袱涓腑锛岋紙鏈甯哥敤锛
绛旓細鍘熺悊鏄埄鐢ㄦ渶澶у眰鐧惧垎鐧惧浐瀹氫竴涓锛佺劧鍚庨噷闈㈢敤transform: translate3d(0px, -0, 0px); 鏉ヨ繘琛屾粦鍔紒鍏蜂綋姣忎釜鑳屾櫙鍥鐨勪娇鐢ㄥ垯鏄妸姣忎竴涓眰閮芥槸鐧惧垎鐧剧殑瀹介珮锛佺劧鍚庤儗鏅浘 background-image:url();background-repeat: no-repeat;background-position: bottom right;//鏍稿績鍖哄垎鐐//璁╄儗鏅瘮渚嬩笉鍙 ...
绛旓細CSS涓嶅彲浠ュ悓鏃跺畾涔変袱涓儗鏅锛屼笉杩囦綘鍙互宓屽涓涓嬶紝姣斿锛氬湪div閲岄潰宓屽涓涓猻pan锛岀劧鍚庡彲浠ュ垎鍒缃儗鏅紝浠ヨ揪鍒拌嚜宸辨兂瑕佺殑鏁堟灉銆傚仛娓愬彉鐨勮儗鏅紝瑕佺獊鐮存祻瑙堝櫒鐨勯檺鍒讹紝寤鸿鐢ㄥ浘鐗囧仛锛屽厛鍦≒S 閲岄潰鏍规嵁闇瑕侊紙绾靛悜鎴栨í鍚戯級鍒朵綔涓寮犳笎鍙樼殑鍥剧墖锛岀劧鍚庯紝瑁佸垏鎴1px楂樻垨瀹界殑鏉°傜劧鍚庡湪璁剧疆鑳屾櫙鐨勬椂鍊欙紝 妯悜锛坮epeat...
绛旓細杩欑鎯呭喌鍙互鍦ㄥ彟涓涓猙ody閲屽啓琛屽唴鏍峰紡锛屾垨鑰呯粰body娣诲姞涓嶅悓鐨刢alss,鐒跺悗涓嶅悓鐨刢lass娣诲姞涓嶅悓鐨鑳屾櫙 涔熷彲浠ユ妸涓や釜鑳屾櫙鍒囧埌涓涓浘閲岋紝鐒跺悗鐢╟ss绮剧伒鍐欐牱寮忥紝褰撶劧鑲畾涔熸槸鍐欒鍐呮牱寮忔垨鑰呯粰涓嶅悓鐨刢lass,鍙笉杩囨牱寮忓氨涓嶉渶瑕佸啀寮曞叆鍥剧墖浜嗭紝鐩存帴瀹氫綅灏卞彲浠 ...
绛旓細鏍峰紡涓嶈兘鍚屾椂璁剧疆2寮犺儗鏅紝浣犲彲浠ュ仛div宓屽 绗簩灞俠g2浣犺缃浐瀹氳儗鏅紝绗竴灞備綘灏卞彲浠ヨ缃摢涓嚜閫傚簲鐨勮儗鏅
绛旓細涓涓猟iv鐨勮儗鏅缃槸涓嶅彲浠ヤ负涓ゅ紶鍥剧墖鐨;(闄ら潪鏄笉鍚岀殑鐘舵,姣斿褰撳墠鐘舵佹槸涓绉鑳屾櫙,榧犳爣绉讳笂鍘诲張鏄竴绉嶈儗鏅,杩欎袱涓儗鏅彲浠ユ槸涓ゅ紶鍥剧墖)鍙互鎶婁袱涓猟iv濂楀湪涓璧,娌′釜div缁欎竴涓儗鏅浘鐗,鏁堟灉涔熷氨鏄"涓涓猟iv鑳屾櫙涓ゅ紶鍥剧墖"浜
绛旓細缃戦〉璁捐css璁剧疆澶氶噸鑳屾櫙鍙樉绀轰竴涓鏌ヤ笅娴忚鍣ㄦ槸鍚︽敮鎸併1銆佺綉椤佃璁ss璁剧疆澶氶噸鑳屾櫙鍙樉绀轰竴涓鏌ヤ笅娴忚鍣ㄦ槸鍚︽敮锛岄鍏锛屽閲嶈儗鏅睘浜CSS3鐨勮寖鐣达紝璇峰厛纭畾娴忚鍣ㄥ強鍏剁増鏈槸鍚︽敮鎸併2銆佺劧濡傛灉鍐欏湪鍓嶉潰鐨鑳屾櫙鍥灏哄姣斿叾浠栫殑鍥剧墖澶э紝浼氬彂鐢熼伄鎸★紝闇璋冩暣鑳屾櫙鍥剧殑椤哄簭銆
绛旓細鍙互鐢↗S瀹炵幇 [瀵硅薄].style.backgroundimage = "url(鍥剧墖璺緞)";
