如何在html中设置框架背景中的图像

时间:2015-05-26 12:04:39

标签: html

我已将画面分为两部分,并希望设置背景图像。请协助。

<html>
    <body>
        <frameset rows="10%,*">
            <frame src ="OK2.jpg">  
            <frame src ="OK3.jpg"> 
        </frameset>
    </body>
</html>

2 个答案:

答案 0 :(得分:1)

首先,你根本不应该使用Frames。他们已经老了并且贬值了,你应该使用&lt; divs&gt;

但无论如何,如果您在html上使用框架,则无法为其添加背景图像,因为每个框架都是单独的文档。

但是你可以按照这样的方式对它进行排序,在你的页面的CSS中:

body {
    background-image: url('path/to/image.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
}

答案 1 :(得分:0)

框架集和框架只能链接到html页面才能正常工作。使用两个不同的html页面设置两个不同的背景。

<html>
    <body>
        <frameset rows="10%,*">
            <frame src ="back01.htm">  
            <frame src ="back02.htm"> 
       </frameset>
    </body>
</html>

现在创建两个页面(仅更改背景图像名称)

<html>
    <body style="background: url('OK2.jpg') no-repeat;">

    </body>
</html>