CSS如何在图片上再加上一个图片
1、打开操作软件这里用DW，定义一个css样式，如下图
2、首先看下，背景图效果，如下图所示：
3、在div中添加一个img，输入以下代码。如下图所示：
4、即可实现如题，css图片之上再加一张图片：如下图所示：
绛旓細鎶婁釜涓浘鏍囩殑style閲鍔犱笂float:left;杩欐牱灏辫兘鍦ㄤ竴琛屾樉绀轰簡锛岄氳繃margin鎴杙adding鏉ヨ皟浠栦滑鐨勮窛绂伙紒
绛旓細class="ab">浣犲彧闇瑕佸湪澶栭儴div瀹氫箟鐩稿瀹氫綅锛岄噷闈㈢殑杩炴帴瀹氫箟缁濆瀹氫綅灏卞彲浠ヤ簡銆傜劧鍚巐eft 鍜宼op鍒嗗埆涓哄乏杈广侀《閮ㄧ殑 璺濈銆傚綋鐒跺鏋滀綘瑕佹槸涓嶉殢椤甸潰婊氬姩鍙樺寲鐨勮瘽 灏辫缃噷闈㈢殑div position:fixed灏卞彲浠ヤ簡
绛旓細鍥炵瓟锛氭妸涓ゅ紶鍥剧墖鏀惧湪涓涓div鍖哄潡閲 鐒跺悗瀵筪iv鍖哄潡鍋氫竴涓猵osition: relative; 鐒跺悗瀵规病寮犲浘鐗囪缃负position:absolute;骞惰缃鏀惧湪鍝釜浣嶇疆:left:n px;top:n px;
绛旓細鍙兘澶熷皢鍥剧墖鎴栬呭寘鍚浘鐗囩殑鏍囩鐨刾osition灞炴ц涓"absoulte"锛岀劧鍚庨氳繃璁剧疆杈冨ぇ鐨剒-index浠ュ強left鍜宼op灞炴у幓瑕嗙洊鑰佸浘鐗囥傛祴璇曟槸鏈濂界敤firefox娴忚鍣ㄣ傚洜涓鸿佺増鏈殑IE娴忚鍣ㄥz-index灞炴ф敮鎸佹湁涓浜涢棶棰樸傚綋鐒惰繖鏍风殑bug鏄彲浠ヨ皟璇曞ソ鐨勩
绛旓細鍙互浣跨敤 鏍囩锛屼笅闈㈡紨绀轰竴涓嬶細1銆佸噯澶涓涓html鏂囦欢鍜屼竴寮鍥剧墖锛屽苟鏀惧湪鍚屼竴涓枃浠跺す閲岄潰 2銆佹墦寮html鏂囦欢锛屾寜涓嬪浘涓孩鑹叉閫夊嚭鏉ョ殑浣嶇疆鍦╞ody鏍囩閲岄潰杈撳叆锛岀劧鍚庝繚瀛樸./浠ｈ〃浠ｈ〃褰撳墠鐩綍 3銆佸湪娴忚鍣ㄤ腑鎵撳紑html鏂囦欢锛屽氨鍙互鏄剧ず鎻掑叆鐨勫浘鐗囦簡锛屽涓嬪浘鎵绀 ...
绛旓細ie6鐢ㄧ粷瀵瑰畾浣峱ostion:absolute锛岀浉瀵规祻瑙堝櫒绐楀彛,瀹氫箟left锛宺ight锛宐ottom锛宼op 鍏朵粬娴忚鍣ㄧ敤postion:fixed锛岀浉瀵规祻瑙堝櫒绐楀彛,瀹氫箟left锛宺ight锛宐ottom锛宼op 浣犲湪<image style="postion:fixed" Z-index:5 />鍗冲彲,鏁板瓧澶х殑鍦ㄤ笂闈
绛旓細鍙互璁剧疆涓や釜div 锛涓涓鏄浉瀵瑰畾浣嶏紝涓涓槸缁濆瀹氫綅鐨勩備及璁″氨鍙互浜嗏︹
绛旓細1.鍔犲叆鍥剧墖浣跨敤background-image灏卞彲浠ヤ簡銆2.涓鑸繕瑕佺敤border鍘绘帀input鍘熸湁鐨勬牱寮忚竟妗嗐3.杩欐牱鍐檌nput{ background-image:url(images/input.png); border:none;}
绛旓細涓寮犺儗鏅紝涓寮爄mage涔熷彲浠ワ紝鑳屾櫙閲嶅灏辫浜嗭紝澶у皬鐢╞ackground-size璋冿紝鎸夊師鍥炬瘮渚嬬缉鏀撅紝绗簩涓柟娉曪紝閮界敤鑳屾櫙鍥剧墖锛屽悓鏃舵彃鍏ヤ袱寮狅紝鏄彲浠ョ殑锛岀敤閫楀彿闅斿紑
绛旓細銆怐W鏁欑▼銆戝浣曞埄鐢CSS鏍峰紡璁剧疆鍒楄〃鏂囧瓧锛1鎵撳紑AdobeDreamweaverCC2015銆2鎵ц鑿滃崟鏍忎腑鐨"鏂囦欢>鏂板缓"鍛戒护鎴栨寜浣廋trl+N閿墦寮"鏂板缓鏂囨。"瀵硅瘽妗嗭紝閫夋嫨鍏舵枃妗ｇ被鍨嬩负HTML锛屽崟鍑"鍒涘缓"鎸夐挳锛屽嵆鍒涘缓涓涓缃戦〉鏂囨。銆3鍦╞ody>鍜/body>涔嬮棿娣诲姞ul>/ul>锛屽涓嬪浘鎵绀恒傘愬熀鏈娉曘憉l>.../ul>銆愯娉曡鏄庛戝湪HTML...
