Question

我已经设法在UIWebView中显示html，但我的问题是图片没有显示在我的HTML中，尽管我的图片，css和javascript都位于同一个项目文件夹中。

这是我的HTML：

<html>
    <head>
        <meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no, width = 320"/>
        <link rel="stylesheet" type="text/css" href="site.css">
        <script src="site.js" type="text/javascript" />
    </head>
    <body style="margin:0;padding:0;">
        <div class="player"></div>
        <div class="controller">
            <div class="search"></div>
        </div>  
    </body>
</html>

这是我的CSS：

body{
    padding:0;
    margin:0;
}

div.player{
    width:320px;
    height:180px;
}

div.controller{
    float:left;
     width:320px;
}

div.search{
    float:left;
    height:40px;
    width:320px;
    background-image:url('search.jpg');
}

最后，我的Objective-C：

-(void)viewDidLoad {
    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:path];

    NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSString *htmlString = [NSString stringWithContentsOfFile:htmlFile encoding:NSUTF8StringEncoding error:nil];
    [navigatorWindow loadHTMLString:htmlString baseURL:baseURL];

    NSLog(@"%@",htmlString);
    [super viewDidLoad];
}

知道这里发生了什么吗？

Answer 1

确保search.jpg正在添加到Xcode项目中。我相信这是问题，因为它是一个本地的html文件而不是托管在服务器上。希望这会有所帮助。

Answer 2

background-image:url('search.jpg');你必须在这里提供完整的图像路径

图像未从css文件加载

2 个答案: