我在html页面的头部有几个按钮,但是,它们似乎没有显示在chrome上,而显示在了Safari上。
<!DOCTYPE html>
<html>
<style>
body{
background-image: url("background_index.jpg");
}
</style>
<head>
<button style='font-family:Tahoma,Geneva,sans-serif;'><a href=""> Resume </a></button>
<button style='font-family:Tahoma,Geneva,sans-serif;'><a href=""> Projects </a></button>
<button style='font-family:Tahoma,Geneva,sans-serif;'><a href=""> Blogs </a></button>
<button style='font-family:Tahoma,Geneva,sans-serif;'><a href=""> Contact info </a></button>
<h1 style='font-family:Impact, Charcoal,sans-serif;font-size:25px; text-align: center; position:relative; top:50px'> Welcome to my website. </h1>
</head>
<body>
<p1 style='position: absolute; top:200px; padding-left:100px'> Hello there </br> </p1>
<img src="self_pic.jpg" style="height:450px;width:30%; position:absolute; top:300px; padding-left:450px;"></img>
</body>
</html>