Question

好的，我有第一页（索引），功能齐全，工作正常，所有内容都加载到iframe中。但是，由于布局的设计，我希望我的投资组合有更多的观看空间，所以我为投资组合创建了另一个页面（p.html）。现在，由于没有办法（我知道或可能弄清楚）点击p.html上的链接并告诉它打开例如名为“content”的iframe中的home.html #top。所以，我玩了一些PHP并提出了以下代码：

<?php
  switch($_GET['go']) { 
  case 'home': $src='pages/home.html#top'; break; 
  case 'about': $src='pages/about.html#top'; break; 
  case 'contact': $src='pages/contact.html#top'; break; 
  default: $src='pages/home.html'; break; 
} ?>

然后，在index.php上，在iframe中我将<?=$src;?>设置为源。

现在，当您第一次加载http://www.djcproductions.net时，一切正常，默认页面home.html会在iframe中加载。但是，单击导航栏中的任何链接，它将以某种方式与我的CSS类别的内容。如果您在第一次访问该站点时注意并向下滚动到该文本，则可以看到背景图像，因为为home.html设置了contentstyle.css文件以具有透明背景。但是，一旦你点击任何链接，它就会离开窗口并且背景不透明编辑，它似乎也会将加载到内容iframe的页面向右移动大约50个像素。因此，由于php代码中home.html的默认代码行正常工作，我想也许是#top messing stuff。所以，我从链接中删除了所有#top标记，然后再次尝试。再次，在加载页面很好，然后我点击一个链接，我的整个index.php页面加载到iframe？！我的思绪被吹了。我这样做是错的，还是只是我遗失的一条愚蠢行或什么？

Answer 1

首先，对于试图帮助您查看网站上的问题的人来说，禁用右键点击会让人感到烦恼，因为无论如何我都要找到源代码。

p.php上显示的问题是您的社交网络图片的图片来源不正确。这会导致显示替代文本（或图像字符损坏），并且由于您的设计依赖于这些图像的大小，所以一切都被错误放置。

更改这些图像上的图像来源可以解决此问题。

images/p_05.jpg

应该是

images/image_05.jpg

对于image_03

也一样

还有其他问题，但您需要隔离每个问题，并专门询问有关它的问题。如果您创建一个较小的问题示例，它也可以帮助人们帮助您。

Answer 2

关于“关于我们”页面未加载的问题。以下是我对此问题的总结。

如果我手动将http://www.djcproductions.net/index.php?go=about放入浏览器地址栏，则一切正常。这意味着只要您提供请求参数，您的PHP switch语句就会很高兴。

当我查看您的链接时，它有一个目标属性：

<a class="about" target="content" href="index.php?go=about">...

这意味着它将整个页面加载到iframe中，我很确定这不是你想要做的。

如果您将超链接更改为：

<a class="about" href="index.php?go=about">...

它会起作用。同样，如果您将其更改为：

<a class="about" target="content" href="pages/about.html">...

它会起作用。

只是不要将目标和整页链接一起使用。

php动作干扰css

2 个答案: