您好,我正在尝试将自定义HTML插入Filemaker Web Viewer,但在将HTML Doctype标记添加到代码时,在从Web查看器中删除边框时遇到问题。如果我拿出标签但是没有标签,幻灯片将无法正常工作,则会删除边框。有什么想法吗?
"data:text/html,
<!DOCTYPE html>
<html>
<head>
<style>
#slideshow {
margin: 0;
position: absolute;
width: 250px;
height: 250px;
padding: 0;
overflow:hidden;
}
#slideshow > div {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
overflow:hidden;
bottom: 0px;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script src='https://dl.dropboxusercontent.com/u/236154657/CVI%20Slideshow.js'></script>
</head>
<body style='border=0;margin=0;overflow:hidden'>
<div id='slideshow'>
<div>
<img src= 'http://farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg' style='width:100%; height:100%;'>
</div>
<div>
<img src= 'http://farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg' style='width:100%; height:100%;'>
</div>
</div>
</body>
</html>
"
答案 0 :(得分:1)
您遇到的问题不是filemaker,而是Web代码本身。
HTML和body标签通过Web浏览器应用了一些默认样式。如果您使用代码并将其写在常规html文件中,您也可以看到填充。
尝试将此添加到您的样式标记中:
html,body{
padding:0px;
margin:0px;
height:100%;
width:100%;
}
这将告诉网页你的html和body标签需要占用整个浏览器窗口(高度和宽度规则),并且它们应该没有填充或边距。这将确保您的图像标记与Web查看器的边界齐平。
希望这有帮助!