HTML5 Javascript图像定位
[英]HTML5 Javascript image positioning
问题描述
我的问题应该有一个简单的答案，但我很沮丧，因为这种情况对我而言并不合逻辑。 我想做的是在屏幕上的图像上放置一个上边距。 它可以在没有DOCTYPE行的情况下工作，但不能正确启用HTML5。
[好]
<html>
<head>
<title>HTML5 Question</title>
</head>
<body>
<img src="help.jpg" id="img1" style="position:absolute">
<script>
document.getElementById("img1").style.top = 50;
</script>
</body>
</html>
[坏]
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Question</title>
</head>
<body>
<img src="help.jpg" id="img1" style="position:absolute">
<script>
document.getElementById("img1").style.top = 50;
</script>
</body>
</html>
好的示例仅为图像提供了50个像素的顶部空白。 唯一的区别是第一条DOCTYPE行不存在和存在。 help.jpg是本地图像文件。 Chrome和FireFox的行为相同。
3 个解决方案
解决方案1
0 2015-05-29 11:37:14
向属性样式添加像素，例如
document.getElementById("img1").style.top = "50px";
解决方案2
0 2015-05-29 11:37:36
您未指定单位。 尝试：
document.getElementById("img1").style.top = '50px';
解决方案3
0 2015-05-29 13:04:09
这是代码运行的正确输出。您必须使用引号以及脚本中的单位。
document.getElementById（“ img1”）。style.top =“ 50px”;
在HTML5画布上定位
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.