HTML中怎么让背景图片跟着浏览器窗口变大变小?

HTML中怎么让背景图片跟着浏览器窗口变大变小?,第1张

HTML中怎么让背景图片跟着浏览器窗口变大变小?

你可以先用表格,按%显示表格,表格里再背景就OK了,<table width=316 height=76 border=0 cellpadding="0" cellspacing="0">

<tr>

<td background="1.jpg"></td>

ASP如何设置背景图片平铺浏览器窗口

首先要看你的背景图片是不是够大 如果不够大,要设置背景平铺,就会有 背景重复和不重复的问题。

background:url(背景.gif) no-repeat这个是背景图片不重复。

background:url(背景.gif)这个是重复,并且是上下左右的重复。

background:url(背景.gif) repeat-x这个是背景横向重复。

background:url(背景.gif) repeat-y这个是背景纵向重复。

背景图片怎样随浏览器的大小而改变大小

用背景图像重复这种方法很简单,也很常用,在dreamweaver软件里,具体步骤是:菜单“修改”->“页面属性”(快捷键:ctrl+J)->“外观”->按自己的实际要求来选择背景图像和重复参数。

代码是:

body {

background-image: url(1.jpg)(具体路径不确定,可随时更改;)

background-repeat: repeat

}

可以的,把图片作为背景,把它的宽度和高度设置成浏览器的尺寸,就OK了!但如果你用的图片宽度和高度不是浏览器的窗口大小,那图片就可能会变形,但效果是可以做出来的!要想用这种方法,你最好把要用的背景图片做成和浏览器大小尺寸一样!

vb 窗体最大化时怎么使背景图片跟着改变大小

一个简便的方法。

代码如下。

=========

Private Sub Form_Load()

AutoRedraw = True

Picture = Icon

End Sub

Private Sub Form_Resize()

Cls

PaintPicture Picture, 0, 0, Width, Height

End Sub

如何让背景图片跟着文字动

不知道你说的是div里面的背景吗?如果是可以这样 *** 作:第一:你的图片应该足够大,第二:把DIV的高度设置成自适应 列如CSS的写法应该这样写:height:auto !importantmin-height:300px

这里的300px就是当你的文字不是太多时的高度,如果内容高度超过300这样div高度增加,这时候背景图片就会出来了,背景图片不需要特殊 *** 作,跟平时用的一样即可。

uc浏览器背景图片咋删

你好;uc浏览器的背景图片是无法删除的,

它的软件漏洞很大,根本没有这个功能,

浏览网页经常乱码,卡死,还有捆绑软件,

还会泄漏个人隐私,很多网友因此不在使用uc浏览器了,谢谢望采纳。

我换qq资料背景图片怎么空间背景图也跟着变?

你选保存图片的时候误按了“同时在空间背景使用”,注意一下吧。

ASP背景图片怎样正好等于浏览器大小

可以通过CSS解决

但是不推荐这样使用

最好还是做个小图片循环拼接

这样的效果比适应分辨率做出来的要好

div设置背景图片,窗口宽度变小后背景图片会缩小变成两个三个,css应该怎么改?

css3的background-size和media query可以实现,但是IE8以下的内核浏览器不支持,但这是正确方法。

js也可以实现,侦测窗口变化,改变div的class属性,如div_a变为div_b,两个的背景属性不一样。这个兼容性好,但比较麻烦。

怎么改变MFC视类窗口的背景图片

绘制界面使用

CDCm_dcBuffer1, m_dcBuffer2临时缓冲

CBitmapm_bmTitle, m_bmBuffer图像

初始化绘制界面资源

CClientDC dcScreen( this )

m_bmTitle.LoadBitmap(IDB_TITLE)

m_dcBuffer1.CreateCompatibleDC(&dcScreen)

m_dcBuffer2.CreateCompatibleDC(&dcScreen)

m_bmBuffer.CreateCompatibleBitmap( &dcScreen, WND_WIDTH, WND_HEIGHT )

初始化绘制界面资源完成

这个要用javascript来实现,它是一种脚本语言。你要实现的效果叫“焦点图”,可以自行百度。

例如:

<style type="text/css">

*{margin:0pxpadding:0px}

body {

margin: 0

padding: 0

font-size: 12px

line-height:200%

}

a{

color:#333

text-decoration:none

}

img{border:0px}

.hot{

position:relative

width:296px

height:392px

}

.num{

position:absolute

right:6px

bottom:4px

}

.num li{

float:left

height:21px

width:24px

margin-right:3px

}

.num li a{

display:block

font-weight:bold

text-align:center

}

.num_other{

color:#000

background:url() no-repeat

}

.num_now{

color:#FFF

background:url() no-repeat

}

</style>

</head>

<body>

<div class="hot">

<div id="cover">

<div id="cover1"><a href="#"><img src="/uploads/common/images/wall1.jpg" height=392 width=296 alt="钻石" /></a></div>

<div id="cover2" style="display:none"><a href="#"><img src="/uploads/common/images/wall2.jpg" height=392 width=296 /></a></div>

<div id="cover3" style="display:none"><a href="#"><img src="/uploads/common/images/wall3.jpg" height=392 width=296 /></a></div>

<div id="cover4" style="display:none"><a href="#"><img src="/uploads/common/images/wall4.jpg" height=392 width=296 /></a></div>

</div>

<ul id="idNum" class="num">

<li><a href="#" id="num1" class="num_now" onmouseover="coverHover(1)">1</a></li>

<li><a href="#" id="num2" class="num_other" onmouseover="coverHover(2)">2</a></li>

<li><a href="#" id="num3" class="num_other" onmouseover="coverHover(3)">3</a></li>

<li><a href="#" id="num4" class="num_other" onmouseover="coverHover(4)">4</a></li>

</ul>

<input type="hidden" id="count" value="1">

</div>

<script type="text/javascript">

function g(o) {

return document.getElementById(o)

}

function coverChange() {

var order = parseInt(g("count").value)

if (order <4) {

orderNext = order + 1

} else {

orderNext = 1

}

for (var i = 1i <= 4i++) {

g("cover" + i).style.display = "none"

g("cover" + orderNext).style.display = "block"

g("num" + i).className = "num_other"

g("num" + orderNext).className = "num_now"

}

g("count").value = orderNext

}

var t = setInterval(coverChange, 6000)

function coverHover(e) {

//clearInterval(t)

for (var i = 1i <= 4i++) {

g("cover" + i).style.display = "none"

g("cover" + e).style.display = "block"

g("num" + i).className = "num_other"

g("num" + e).className = "num_now"

}

}

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6169291.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存