中易网

网页设计关于图片做背景问题

答案:1  悬赏:70  
解决时间 2021-01-13 12:46
  • 提问者网友:星軌
  • 2021-01-13 09:57
网页设计关于图片做背景问题
最佳答案
  • 二级知识专家网友:蓝房子
  • 2021-01-13 11:30
body{
background-image:url(../img/bg.jpg);
background-repeat: no-repeat;
    background-size:cover;


}这是我自己写的一个例子里的背景代码,你试试看效果如何

追问这个是自适应网页大小吗追答background-size:cover;这段代码的意思是:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。(具体效果你需要试一下)
追问嗯 我试了 确实是覆盖整个界面 而且有一部分没有显示出来 (应该是太大了)追答其实cover就是按照屏幕的宽度把图片拉大了,所以图片高度可能会多出来一些。我试了几次背景相关的样式,我感觉最好不要用过于复杂的背景。追问的确是这样。
我之前是在html中添加的图片用div。在CSS中写的具体样式也能使图片自适应网页整个大小,但是我想在图片上写字写不了,跑到图片下方去了。要是这样的话能在图片上写字吗?用绝对定位?追答稍等,我再试试别的方法追问嗯嗯 我试了下绝对定位是个可以的


特意在定位时用了%而不是px,我想应该可以根据电脑分辨率进行调节,但是位置还是会变
追答我正在打算写个js来控制背景图片的大小问题,如果你想在背景上写字,最好的办法是用PS在背景图片上添加文字。
定位之类的用了以后,你的页面在特殊情况不一定会变成什么样的,特别是屏幕大小不确定的情况下。追问我在上面写字是类似一个链接不是纯文字,相当于按钮一样。所以应该还是要在程序里写我感觉。至于js我刚刚学习还不会太多,所以才打算用css来写这个背景的追答
这是我写的练习用的页面,最多也就是定位一个导航栏在左边这种效果,背景用的就是我给你的那段代码。
但是屏幕大小改变的话,导航栏相对于图片的位置就变了,例如:

最多只能做到这种效果。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息