图像未加载/飞走按钮
Images not loading/ fly away buttons
我为某人对网站进行了一些更改，当我在 chrome 中打开它们时，它可以正常工作并且看起来很完美，但是一旦我将它们上传到 iPage 服务器并在实际中查看它们网站一切都坏了。
索引页是唯一看起来也像它假设的那样的页面。我已经用尽了大部分资源，这个人很生气。任何人都知道可能导致此问题的原因吗？
如果您还没有，请将所有按钮包装在一个容器中。使按钮宽度为 25%，将它们向左浮动，然后定位容器，因为您没有提供任何代码，我将为您提供一个示例。这应该可以解决问题。
在按钮所在的容器内，创建一个新的 div 并将其命名为按钮容器并将其包裹在按钮周围。
<div id ="button_container">
//button tags go here
</div>
对于 CSS 将宽度和高度分配给按钮容器以及包括您现在拥有的 css 在内的按钮。
#button_container {width:25%; height:30px;} //example dimensions
#button1, #button2, #button3, #button4 {width:25%; height:100%; float:left;}
确保容器有边距，以便在其他内容之上。您还可以使容器 100% 宽度以匹配其父级的宽度。
我为某人对网站进行了一些更改，当我在 chrome 中打开它们时，它可以正常工作并且看起来很完美，但是一旦我将它们上传到 iPage 服务器并在实际中查看它们网站一切都坏了。 索引页是唯一看起来也像它假设的那样的页面。我已经用尽了大部分资源，这个人很生气。任何人都知道可能导致此问题的原因吗？
如果您还没有，请将所有按钮包装在一个容器中。使按钮宽度为 25%，将它们向左浮动，然后定位容器，因为您没有提供任何代码，我将为您提供一个示例。这应该可以解决问题。
在按钮所在的容器内，创建一个新的 div 并将其命名为按钮容器并将其包裹在按钮周围。
<div id ="button_container">
//button tags go here
</div>
对于 CSS 将宽度和高度分配给按钮容器以及包括您现在拥有的 css 在内的按钮。
#button_container {width:25%; height:30px;} //example dimensions
#button1, #button2, #button3, #button4 {width:25%; height:100%; float:left;}
确保容器有边距，以便在其他内容之上。您还可以使容器 100% 宽度以匹配其父级的宽度。