A. CSS中背景圖片的大小
對的,當以<img src="" />形式出現的時候可以有幾種種方法實現;
而當採用backgroud形式作為背景的時候,只能通過改變原圖了,不過當背景是有規律的漸變色、紋路、圖案等時候,可以把圖片切小後通過平鋪的方式鋪滿!
B. css中的背景圖怎麼改變大小
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
C. CSS 同時使用背景色和背景圖
1、可以同時使用背景色和背景圖,具體方法首先用hbuilder新建一個html文件,創建一個div,並給div一個class屬性,在上方的style中設置class的樣式,這里把div的寬度和高度設置大點,方便觀察效果:
D. css插入背景圖片的樣式
背景圖如果位置是0,0 就相當於背景圖以左上角為原始位置貼上去。
但是如果我要這個背景圖的下方的比如QQ作為背景圖,那麼這個背景圖就要往上移,看上去大概在35個像素左右。
往上移了就相當於這張圖離原始位置偏移了-35px,左右沒偏移,所以新位置是(-35 0)
這個數值,要看這張背景圖的組合,看這個需要的圖標,距離頂端的位置有多大,背景圖距上位置就負的多大。 同理向左向右。
E. 背景圖片的CSS
你的圖片路徑可對???要根據你的CSS文件所在的位置來設置圖片路徑,而不是根據圖片的位置,除非,CSS文件和圖片在同個文件夾中
F. css中如何使用背景圖片的某一個位置,
正面這3個控制前景左上角在圖片中的位置
{ background-position : sPosition } 帶1-2個參數,分別表示x ,y軸
{ background-position-x : sPosition } 僅對x軸,即水平方向
{ background-position-y : sPosition } 僅對y軸,即垂直方向
取值可為:
1、數值: 可以是浮點型的絕對單位標識 (cm, mm, in, pt, pc, or px) 或相對值 (em or ex)
2、百分比 相對當前對象的高或寬的整數百分比,如30%
3、對齊
垂直方向對齊:top、center、bottom
水平方向對齊:left、center、right
G. css添加背景圖片無法顯示
您好,最好確認下你的css是不是在本頁面中 如果是存在在別的css文件中,路徑是會存在問題的 ,其他屬性可以實現,說明圖片路徑的確是存在問題的 不妨你可以試一下background-image: url("../images/9050.jpg");有沒有用
還有你在本頁你試一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
這樣能顯示的話就代表你原來的的確是css路徑問題。
如果此css與頁面不在一個目錄下 那麼背景的路徑將會改變 希望留意一下
還有樓上所說的 圖片後面的地址不用加引號,否則可能會引起部分瀏覽器不能顯示的錯誤。
H. css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法:
background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
(8)背景圖片css擴展閱讀:
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%;
}
I. css怎麼調整背景圖片的位置
1、首先打開前端開發工具,新建一個html代碼頁面。