怎么让图片显示细节？ css 如何让图片全屏的问题
\u600e\u4e48\u8ba9\u4e00\u5f20\u7ec6\u8282\u5f88\u591a\u7684\u56fe\u7247\u7528PS\u7f29\u5c0f\u4e00\u500d\u540e\u4ecd\u7136\u6e05\u6670\u7ec6\uff1f\u9009\u62e9\u201c\u56fe\u50cf\u201d---> \u56fe\u50cf\u5927\u5c0f ----> \u9009\u5b9a\u597d\u5206\u8fa8\u7387\uff0c\u53ef\u4ee5\u6309\u8981\u6c42\u9009\u62e9\u5bbd\u5ea6\u7b49
css\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u5168\u5c4f\uff0c\u5982\u679c\u53ea\u662f\u5c06\u5176\u5f53\u505a\u4e00\u5f20\u56fe\u7247\u663e\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7css\u63a7\u5236\u3002\u8d85\u5927\u56fe\u7247\uff0c\u5f15\u5165\u8fdb\u6765\u5373\u53ef\u6839\u636e\u5927\u5c0f\u7f29\u653e\u3002
\u5982\u679c\u8fd9\u5f20\u56fe\u7247\u4e3a\u80cc\u666f\u56fe\u7247\u7531\u4e8e\u80cc\u666f\u56fe\u7247\u4e0d\u5177\u6709\u4f38\u7f29\u6027\uff0c\u53ea\u80fd\u901a\u8fc7\u522b\u7684\u65b9\u6cd5\u7ed5\u7740\u89e3\u51b3\uff0c\u5728ie\u4e2d\u53ef\u4ee5\u7528\uff0c\u5b9e\u73b0\u80cc\u666f\u62c9\u4f38\u94fa\u6ee1\u6574\u4e2a\u6d4f\u89c8\u5668\uff0c\u4f46\u5176\u5b83\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u3002
\u5177\u4f53\u89e3\u51b3\u65b9\u6cd5\u5982\u4e0b\uff1a
1\u3001\u521b\u5efa\u4ee5\u4e0b\u76ee\u5f55\u7ed3\u6784\u7684\u6d4b\u8bd5\u9875\u9762\u3002
2\u3001\u5c06\u6d4b\u8bd5\u56fe\u7247\u663e\u793a\u5728\u6d4f\u89c8\u5668\u754c\u9762\u4e0a\uff0c\u6548\u679c\u5982\u4e0b\u3002
3\u3001\u901a\u8fc7CSS\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\uff0c\u9ed8\u8ba4\u6548\u679c\u5982\u4e0b\uff0c\u56fe\u7247\u88ab\u81ea\u52a8\u91cd\u590d\u4ee5\u94fa\u6ee1\u7a97\u53e3\u3002
4\u3001\u901a\u8fc7CSS\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u4e0d\u91cd\u590d\uff0c\u6b64\u65f6\uff0c\u56fe\u7247\u5c06\u4e0d\u80fd\u94fa\u6ee1\u7a97\u53e3\u3002
5\u3001\u901a\u8fc7CSS\u8bbe\u7f6e\u56fe\u7247\u5927\u5c0f100%\uff0c\u6548\u679c\u5982\u4e0b\uff0c\u56fe\u7247\u94fa\u6ee1\u7a97\u53e3\u3002
6\u3001\u901a\u8fc7CSS\u8bbe\u7f6e\u56fe\u7247\u5927\u5c0fcover\uff0c\u6548\u679c\u5982\u4e0b\uff0c\u56fe\u7247\u94fa\u6ee1\u7a97\u53e3\u3002
1、新建一个文件夹，然后新建一个名称为image的文件夹，在image文件夹里放一个名称为msoffice.jpg的文件（只要是jpg文件就行）；
2、打开记事本，拷贝下面代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>鼠标悬停文字上显示图片</TITLE>
<script language="JavaScript">
function showPic(sUrl)
{
var x,y;
x=event.clientX; //x的值为当前鼠标所在位置的横向坐标值
y=event.clientY; //y的值为当前鼠标所在位置的纵向坐标值
document.getElementById("pic").style.left=x;
document.getElementById("pic").style.top=y;
document.getElementById("pic").innerHTML="<img src=\""+sUrl+"\">"; //在层中显示图片
document.getElementById("pic").style.display="block";
}
function hidePic()
{
document.getElementById("pic").innerHTML="";
document.getElementById("pic").style.display="none";
}
</script>
</HEAD>
<BODY>
<div id="pic" style="display:none;position:absolute;z-index:1;"></div>
<img src="image/msoffice.jpg" width="100px" height="100px" OnMouseOut="hidePic();" OnMouseMove="showPic(this.src);">
<!--插入一个隐藏的层，并将其显示位置设置在浏览器页面之上；
再插入一张图片，设置鼠标从图片上划过时激活showPic(this.src)函数，同时将当前标记的src属性的值
传送到showPic(sUrl)中；而当鼠标移出图片时执行hidePic()函数-->
<br>
Microsoft Office 2007
</BODY>
</HTML>
另存为showimage.html，保存在第一个新建的文件夹下；
3、双击打开showimage.html，就可以看到你要的效果了！
对于你的第二个问题，要想放大了也清晰，就需要让原始图片的尺寸就比较大，微距属于缩略图，所以只要原始图片尺寸足够大，放大不会不清晰的
对于你的第三个问题，如果你不借助网页平台，你可以试试用第三方软件（比如ACDSee、iSee、光影魔术手等等）来管理图片，它们有的可能拥有你需要的效果！
注：有问题可以Hi我！
绛旓細锛1锛夋埅鍙鍥剧墖缁嗚妭閮ㄥ垎銆傞鍏堥夋嫨鍥剧墖锛屾寜浣廋trl閿鍒朵竴寮犵浉鍚屽浘鐗 鐒跺悗鐐瑰嚮銆愭牸寮忋-銆愬ぇ灏忋-銆愯鍓戜笅鎷夋寜閽紝鍦ㄥ脊鍑虹殑鑿滃崟涓夋嫨銆愮旱妯瘮銆-銆1锛1銆戦夐」銆傦紙2锛夋寜浣廋trl+Shift閿瓑姣斾緥鏀惧ぇ鍥剧墖锛屽苟璋冩暣瑁佸壀妗嗙殑澶у皬锛灏嗗浘鐗鎸夋瘮渚嬭鍓垚濡備笅鍥炬墍绀虹殑姝ｆ柟褰傦紙3锛変繚鎸佸浘鐗囩殑閫夋嫨鐘舵侊紝鐐瑰嚮銆愭牸...
绛旓細1銆侀鍏堝湪鐢佃剳涓紝浣跨敤photoshop鎵撳紑涓寮犵礌鏉鍥剧墖锛屽涓嬪浘鎵绀恒2銆佽繖鏃舵寜浣廇lt閿悜涓婃粴鍔ㄩ紶鏍囨粴杞紝濡備笅鍥炬墍绀猴紝鍗冲彲鏀惧ぇ鍥剧墖銆3銆佹帴鐫鎸変綇鈥滅┖鏍尖濋敭锛屽綋鍏夋爣鍙樻垚鎶撴墜宸ュ叿锛岀偣浣忛紶鏍囧乏閿嫋鍔紝鍗冲彲绉诲姩鍥剧墖浣嶇疆銆4銆佹渶鍚庢寜浣忕┖鏍奸敭锛岄紶鏍囧彸閿偣鍑诲浘鐗囷紝鎵撳紑鑿滃崟锛岀偣鍑烩100%鈥濓紝杩欐牱鍥剧墖灏辫兘鎭㈠鍒100%...
绛旓細1.棣栧厛鎵撳紑PS锛屾墦寮瑕佺敤鐨勭礌鏉 涓鑸儏鍐典笅鎴戜滑瀵圭収鐗囨竻鏅板害杩涜鏀瑰杽锛璁╀粬鏄剧ず鏇村缁嗚妭鐨勬椂鍊欓兘鏄氳繃婊ら暅閲岄潰鐨勯攼鍖栧懡浠ゅ幓瀹炵幇 2.鎵撳紑婊ら暅-閿愬寲-鏅鸿兘閿愬寲锛屼笂闈㈡湁寰堝閫夐」渚涙垜浠幓璋冩暣锛岄鍏堣皟鏁存暟閲忥紝瀹冨喅瀹氱収鐗囧綋涓攼鍖栫殑绋嬪害銆傛暟閲忓间笉寤鸿鍔犲緢楂橈紝寰堥珮鐨勮瘽浼氭湁寰堝灏忛绮掔姸鐨勫櫔鐐瑰湪閲岄潰銆傛垜浠皢瀹冭皟鏁...
绛旓細杩欎釜鏃跺欐偍鐐瑰嚮鍥剧墖鍙宠竟绗簩涓垏鐗囩殑宸ュ叿锛鎸変綇榧犳爣宸﹂敭浠庨《閮ㄦ媺鍑轰釜妗嗘锛岀劧鍚庣洿鎺ユ媺鍒板簳锛屼娇鍥剧墖鍏ㄩ儴鏈夋樉绀哄疄浣撹壊涓哄噯銆6 鏈夋椂鍊欏浘鐗囧お澶э紝鎬讳綋涓鑸皬浜1.5mb锛屼笉鐒朵拱瀹舵潵鐪嬫椂鍊欐墦寮鐨勯熷害浼氬彉鎱紝鎮ㄥ彲浠ョ◢寰檷浣庝笅鍝佽川锛屼竴鑸70宸﹀彸澶熶簡鐨勶紝鍏蜂綋鐪嬫暣浣撴儏鍐佃屽畾锛岀劧鍚庡偍瀛橈紝杩欐椂鍊欐闈細鍑虹幇涓枃浠跺す浜嗐
绛旓細浣犲ソ锛杩欑缁嗚妭鍥剧墖鏄剧ず鏁堟灉閲囩敤鐨勬槸JavaScript鑴氭湰鏉ュ疄鐜扮殑锛屼妇涓緥瀛愶細1銆佹柊寤轰竴涓枃浠跺す锛岀劧鍚庢柊寤轰竴涓悕绉颁负image鐨勬枃浠跺す锛屽湪image鏂囦欢澶归噷鏀句竴涓悕绉颁负msoffice.jpg鐨勬枃浠讹紙鍙鏄痡pg鏂囦欢灏辫锛夛紱2銆佹墦寮璁颁簨鏈紝鎷疯礉涓嬮潰浠ｇ爜锛<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"...
绛旓細绉诲姩鍏夋爣鍒缁嗚妭妯″潡锛屽湪妯″潡涓婃柟鐐光滅紪杈戔濓紝椤甸潰璺冲埌缂栬緫椤甸潰锛屽湪缂栬緫妗嗛噷鎵锯滅┖闂鍥剧墖鈥濓紝娉ㄦ剰鈥滅┖闂村浘鐗団濇槸涓鍥炬爣锛岀偣寮锛岄変綘瑕佸睍绀虹殑鍥剧墖锛岀偣鈥滀笂浼犫濓紝鍐嶇偣鈥滃畬鎴愨濓紝鍐嶇偣鈥滅‘瀹氣濓紝鍐嶇偣鈥滅‘瀹氣濓紝鍐嶇偣鈥滃彂甯冣濓紝涓婇潰姣忕偣涓娆￠〉闈㈤兘瑕佽烦杞竴娆★紝鐐光滄煡鐪嬪簵閾衡濓紝鍒板簵閲岀湅鐪嬫湁娌℃湁鎴愬姛銆
绛旓細杩欎釜鏄敤PS鍋氱殑锛岄鍏堣鍏堟媿鎽勪骇鍝侊紝浣犵粰鐨勬牱鍥剧殑浜у搧鏄敱涓撲笟鍋氫骇鍝佹憚褰辩殑鏈烘瀯鎷嶆憚鐨勶紝杩欎竴姝ラ渶瑕佸厛瀹屾垚锛岀劧鍚庡浜у搧杩涜绮剧粏鍖栧鐞嗭紝鎶婁骇鍝佷笂鐨勮姳鐨勬垨鑰呭埆鐨勬薄娓嶅鐞嗗共鍑锛岀劧鍚庡氨鏄紪鍐欏唴瀹瑰拰鍒嗚В鍥句簡锛岀敤PS褰㈢姸宸ュ叿鐢诲ソ褰㈢姸杞寲涓洪夊尯锛岀劧鍚庢娊鍑烘柊寤洪夊尯鍐呴儴鍒 杩欎簺鍥惧氨瀹屾垚浜嗐傜劧鍚庢牴鎹渶姹傜紪鍐欐枃瀛...
绛旓細1銆佺偣閫夌煩褰㈡涓嶆澗寮寤惰繜涓浼氬効锛屼細鍑虹幇鍦嗗舰妗嗭紝閫夊彇鍦嗗舰妗嗭紝灏嗕綘瑕佸仛缁嗚妭鐨勯儴鍒嗘閫夛紙鑻ヨ姝ｅ渾锛屾寜SHIFT锛2銆佹寜CTRL+J锛灏嗙粏鑺閮ㄥ垎澶嶅埗 3銆佹寜CTRL+T锛岀劧鍚庢寜SHIFT+鎷栧姩瑙掍笂鐨勮妭鐐癸紝杩涜閫傚綋鏀惧ぇ 4銆佸弻鍑荤粏鑺傚浘灞傦紝閫夊彇鎻忚竟锛岄鑹茶嚜瀹氾紝涓鑸彲浠ョ敤鐧借壊锛屾暟鍊艰嚜瀹氾紝涓鑸槸3 5銆佸瓨鎴怞PG锛屽畬鎴 ...
绛旓細鐢鍥剧墖澶勭悊杞欢锛堝ps杞欢锛夊埗浣溿傛柟娉曟槸锛氭墦寮杞欢锛屾墦寮鍥剧墖锛堝ぇ鍥撅綖鑳屾櫙鍥撅級锛屽啀鎵撳紑涓夊紶鍥剧墖锛屾嫋杩涙潵ctrl+t璋冩暣澶у皬銆佷綅缃紝鐢ㄧ洿绾垮伐鍏风粯鍒剁澶达紝鐢ㄦ枃瀛楀伐鍏锋墦涓婅鏄庢枃瀛椼俹k!
