『壹』 css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法:
background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
CSS背景圖片自適應、全屏、填充、拉伸
方法一:js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二:全瀏覽器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
『貳』 ps怎麼伸縮圖片比例
在ps中,伸縮圖片比例的方法是:
1、在PS中打開原圖。
2、使用矩形選框工具把圖片載入選區。
3、右鍵選區--自由變換。
4、按住Shift+Alt鍵,調整變換控制項。
『叄』 ps中怎麼自由拉伸圖片大小
ps隨意縮放圖片大小的方法如下:
操作環境:DELLXPS13-9305、WIN10、ps1.12版本。
1、打開ps軟體並導入所需素材圖片。
歷史背景:
AdobePhotoshop是AdobeSystems開發和發行的圖像處理軟體,主要處理以像素所構成的粗笑數字圖像。
從功能上看,該軟體可分為圖像編輯、圖像合成、校色調色及功能色效製作部分等。圖像編輯是圖像處理的基礎。迅笑