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

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

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来写这个背景的追答
这是我写的练习用的页面，最多也就是定位一个导航栏在左边这种效果，背景用的就是我给你的那段代码。
但是屏幕大小改变的话，导航栏相对于图片的位置就变了，例如：

最多只能做到这种效果。