㈠ ppt背景圖片尺寸一般全屏的尺寸是多少
如果沒有修改過尺寸的話,默認16:9的頁面,高度是19.05厘米,寬度是33.87厘米。圖片既然是全屏,那就也是這個尺寸了
㈡ 怎樣才能把CSS里的背景圖片顯示全屏呢
是背景圖片吧~~會用Macromedia
Dreamweaver
改嗎~~?下面有個頁面屬性~點開~有個背景圖片選項,下面有個重復的選項~你自己試下~還有具體的話就是在窗體的右邊有個CSS選項~點開~有個BODY~~點開~在背景裡面改~~但是最終的問題是你的圖片大小和原來的不一致~重疊了就不好看了~~
㈢ 怎樣使背景圖片在任何解析度下全屏
用CSS把背景圖片拉伸
body{background:url(圖片) repeat}
背景{}中添加background: url(圖片地址)repeat
詳細講解:
repeat 背景圖像在縱向和橫向上平鋪
no-repeat 背景圖像不平鋪
repeat-x 背景圖像在橫向上平鋪
repeat-y 背景圖像在縱向平鋪
repeat:3/*重復3次*/
注意:只能在原圖的基礎上進行重復!而不能像我們的桌面一樣進行擴大填充。
代碼如下:
默認代碼為:body{background-color:#FFFFFF}
換成以下代碼
body{background:url(背景圖片地址) background-position: center;background-attachment: fixed;repeat-x #FFFFFF}
這是全屏的背景代碼~
㈣ css背景圖片如何設置全屏
如果你有一張比較絢爛的圖片想做背景,可以這樣設置:
代碼如下:
body{
background:url(img.jpg);
background-position:center;
background-repeat:no-repeat;
}
但效果很可能會是這樣:
圖片沒有重疊,居中,並且...她太小了,無法佔領全部的頁面。
很可惜,CSS2中並沒有圖片全屏拉伸的屬性,所以我自己想了個辦法。
利用一個DIV層,在裡面裝載一個IMG標簽。然後設置DIV和IMG的大小為100%,並固定到屏幕最底層,這樣就實現了完美的拉伸並最大化圖片的目的。
首先在Body中加入下面的代碼:
代碼如下:
<div
id="div1"><img
src="img.jpg"
/></div>
然後加入CSS代碼:
div#div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div#div1
>
img
{
height:100%;
width:100%;
border:0;
}
最終效果:
拉伸瀏覽器、調整網頁位置後,圖片背景圖片依然居中全屏:
火狐狸中的效果:
這樣,我們實現了固定居中且自動拉伸全屏的背景圖片,不過她是一個層,所以當用戶在頁面空白處右鍵的時候,顯示的就是圖片的信息,這可能會讓用戶感覺不方便。
實際上,火狐的拉伸效果比IE強很多,會自動羽化圖片的細節。IE在圖像拉伸後的像素點非常難看,所以建議用高分辨的圖像作為背景。
新手向,高人請指導,謝謝。
㈤ 網頁的背景圖片多大可以滿屏
你這個問題不會有好答案的。
1、每個人的電腦的分別率都不相同。你說多大叫合適呢。
2、隨然用javascript能夠得到用戶瀏覽器的解析度,你可以根據這個數值,去動態設置背景圖,但是也不能滿足所有用戶需求。
3、如果你想全屏只能是在圖片上下功夫,例如圖片右側過渡到純色。然後把右側的頁面背景色設置成那個純色。給用戶一種滿屏的假象。當然這樣也只是能兼容幾個解析度。
㈥ CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(6)背景圖片全屏擴展閱讀:
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
㈦ 網頁背景圖怎麼滿屏顯示
網頁背景圖片用css實現全屏顯示,首先需要的做的就是明確那個圖片要加在那個元素上,將body上,就能實現全屏,因為body是包括瀏覽器的可見部分,提交一段代碼:
<html>
<head>
<style>
body{
background:url('圖片地址')repeat 0px 0px;
}
</style>
</head>
<body>
</body>
</html>
這樣就能實現滿屏,不過圖片尺寸不夠的話,會出現重復的。
㈧ html中的背景圖片,一張全屏顯示
Background : 背景色
Background Image :選取你的背景圖
Reapeat : 背景圖是否重復,其中選no-repeat為不重復,repeat為重復,repeat-x和repeat-y分別為只在X和Y方向重復。
Attachment : 背景圖位置,fix為背景圖位置固定不變,scroll為背景圖隨頁面一同滾動
Horizontal : 為固定背景圖時圖在水平方向所居的位置,可以選擇居中,居左,居右或自己設定距左的距離。
Vertical : 為固定背景圖時圖在豎直方向所居的位置,可以選擇居中,居頂部,居底部或自己設定距頂的距離。
注意帶 * 的選項要在瀏覽器里才能看到效果。
設定完畢,對Dreamweaver左下角點選<body應用該CSS樣式就行了
不光是<body標簽,頁面里有的元素都可以在那裡選擇,可以很方便的選取應用對象。
對於所有onload 的觸發事件,也都可以選<body再加Behavior,比如drag layer或打開頁面後彈出窗口等等
background-attachment屬性控制背景圖象是否隨內容一起滾動,取值為scroll和fixed。默認值為scroll(滾動);fixed為靜止。