HTMl CSS IFRAME 链接故障-6ren

HTMl CSS IFRAME 链接故障

转载作者：太空宇宙更新时间：2023-11-04 10:39:57

24

4

我网站上有一个页面使用 iframe 在服务器上显示另一个文件，除了这个问题外，一切看起来都很好: https://www.dropbox.com/s/dyez8mbeb792udg/2016-03-08-1639-59.flv?dl=0

这是显示 iframe 的页面的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Online FoodTube - Home</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="style.css">
    <script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }
    </script>
</head>

<body>
    <div id="MasterHead-Container">
    <a href="/~/FoodTube"><img title="Online FoodTube Home" src="foodtube.png" width="80.5" height="32"></a>
    <!--<a id="TitleUrl" href="ayy">ayy</a>
    <a id="UserUrl" href="ayy">ayy</a>-->
    </div>
    <iframe id="VideoIframe" src="new/index.php" onload="resizeIframe(this)"></iframe>
    <div id="MasterFooter-Container">
    <a href="/~/FoodTube"><img title="Online FoodTube Home" src="foodtube.png" width="80.5" height="32"></a>
        <span id="MasterFooter-Thanks">Thank you for visiting Online FoodTube.</span>
        <br>
        <a id="SimpleUrl" href="copyright">Copyright Info</a>
        <span id="UrlSpacer">--</span>
        <a id="SimpleUrl" href="ayy">The Author</a>
        <span id="UrlSpacer">--</span>
        <a id="SimpleUrl" href="/">StratHaxxs Co. Home</a>
    </div>
</body>
</html>

这是 iframe php 文件代码:

<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<img src="//i.ytimg.com/vi/xyAICqyWbes/mqdefault.jpg" alt="" height="110" width="196">
</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>
</div>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<img src="//i.ytimg.com/vi/xyAICqyWbes/mqdefault.jpg" alt="" height="110" width="196">
</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>
</div>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<img src="//i.ytimg.com/vi/xyAICqyWbes/mqdefault.jpg" alt="" height="110" width="196">
</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>
</div>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<img src="//i.ytimg.com/vi/xyAICqyWbes/mqdefault.jpg" alt="" height="110" width="196">
</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>
</div>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<img src="//i.ytimg.com/vi/xyAICqyWbes/mqdefault.jpg" alt="" height="110" width="196">
</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>
</div>

<div id="VideoContainer">
<div id="VideoThumbnail">
<span id="VideoTime">5:25</span>
<div id="test" style="" ></div>
</div>

</div>
<a id="TitleUrl" href="ayy" target="_parent" >ayy</a>

它们都使用完全相同的样式表:

* {
    font-family: Verdana, Arial, sans-serif;
}
body {
    background-color: #fff;
    cursor: default;
}
h1 {
    font-size: 15pt;
}
p {
    font-size: 10pt;
}
#MasterHead-Container {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    min-width: 0;
    padding-bottom: 8px;
    padding-top: 7px;
    position: relative;
}
#MasterFooter-Container {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    min-width: 0;
    padding-top: 10px;
}
#MasterFooter-Thanks {
    position: relative;
    top: -10%;
}
#TitleUrl {
    color: #167ac6;
    text-decoration: none;
}
#TitleUrl:hover {
    text-decoration: underline;
}
#UserUrl {
    color: #767676;
    text-decoration: none;
}
#UserUrl:hover {
    color: #167ac6;
    text-decoration: none;
}
#SimpleUrl {
    color: #767676;
    text-decoration: none;
    color: #666;
    font-size: 11px;
    font-weight: 500;
}
#SimpleUrl:hover {
    color: #167ac6;
    text-decoration: underline;
}
#UrlSpacer {
    color: #666;
    font-size: 11px;
    font-weight: 500;
}
#VideoThumbnail {
    position: relative;
    height: 110px;
    width: 196px;
}
#VideoTime {
    font-size: 15px;
    background-color: #000;
    color: #fff !important;
    height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    padding-bottom: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#VideoContainer {
    display: inline-block;
}
#VideoIframe {
    height: 100%;
    width: 100%;
    display: block;
    border: none;
}

请帮我解决这个问题。

最佳答案

由于我们无法使用开发工具对此进行检查，我唯一能看到的就是将 vertical-align:top; 添加到 #VideoContainer。

您还必须将 id="VideoContainer"更改为 class="VideoContainer"因为 ID 是唯一的。每个 ID 应该只出现一次，如果出现多次，请切换一个类的 ID。

关于HTMl CSS IFRAME 链接故障，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35882439/

24

4

0

文章推荐： python - 从列表中返回随机子子列表及其索引

文章推荐： java - Android 媒体播放器在服务中停止播放

文章推荐： linux - 如何在 Linux 上静默安装 IBM BPM 8.5.6

JavaScript 故障
有人可以解释一下为什么这个脚本不起作用吗？ function destroy(ID) { if (confirm("Deleting is a very bad thing! Sure?")
wcf - Silverlight 故障
我正在尝试使 WCF Silverlight 故障按此方式工作: MSDN aricle 将 SL 故障添加到我的 Web.config 文件后，我收到以下警告: The element 'behav
Haskell mod 故障？
这是我要删除的 Haskell 函数 2::Int和 5::Int从列表中: remPrimesFactors25 :: [Int] -> [Int] remPrimesFactors25 [] =
FFmpeg DTS 故障
当我想用 ffmpeg 连接和录制两个 mp4 视频时，我遇到了这个问题。我得到的输出是: [concat @ 0x2566e80] DTS 4079 #0:0 (h264 (native) ->
delphi - SetCursorPos 故障？
我想在delphi中编写一个程序来模拟以特定速度移动的鼠标指针(类似于AutoIT MouseMove函数)。要么是我的代码错误，要么是 SetCursorPos 在被调用太多次后出现故障。这是我的功
JavaScript 故障，无法正确重定向
我将“wa、or 和 id”(来自这些州的访问者)设置为重定向到 website1.com - 当我访问该网站时，它会将我重定向到 website1.com(因此它知道我在 WA) 。但如果我将 wa
WCF - 故障/异常与消息
我们目前正在争论通过 WCF channel 抛出错误与传递指示状态或服务响应的消息是否更好。故障带有 WCF 的内置支持，您可以使用内置的错误处理程序并做出相应的 react 。然而，这会带来开销
r - c() 故障？
不确定我在这里做错了什么，如果有任何帮助，我们将不胜感激。尝试创建一个名为“control”的新变量，并在行变量等于这些数字时将其编码为 1，否则编码为 0。 data$control= ifels
.net - 遥测采样而不影响错误/故障
我想在应用洞察中记录成功调用的百分比。我看到这篇文章https://learn.microsoft.com/en-us/azure/azure-monitor/app/sampling我认为固定速率采
python - 如何区分Python或Matlab是否错误/故障？
我正在尝试使用 SVD 和特征分解来使用动态模式分解进行一些数据分析。我遇到了一个简单的问题，即从 Matlab 和 Python 获得不同的结果。我很困惑，不知道为什么 Python 给我错误的结果
php - 我迫切需要帮助来排除mysqli_error()故障。
This question already has an answer here: mysqli_fetch_assoc() expects parameter / Call to a member
c - 结构链接表分段-故障
我刚刚开始我的一个实验室，在那里我计算类(class)的 GPA，其信息存储在结构的链接列表中。截至目前，我正在尝试打印所有类(class)信息，以确保它们已正确初始化并添加到链接列表中。我遇到了一
c++ - GetWindowText 故障
我正在尝试学习如何使用 visual studio 为 C++ 制作 GUI。但是我在使用 GetWindowText() 函数时遇到了一些问题。它不会将 LPTSTR 标题更改为文本框中的文本，并且
ios - NSNumberFormatter 故障
我有一个奇怪的问题。它似乎只出现在测试者的 iPhone 5s 上。它可以在运行最新 iOS (8.3) 的 iPhone 5、6 和 6 plus 上正常运行。这是代码 -(NSString *)
ios - 更新核心数据记录<故障>
我正在尝试更新 Core Data 中的一些记录。我正在采取以下步骤来完成它带谓词的获取函数从核心数据中检索记录将结果集存储在对象数组中遍历数组并更新每条记录调用保存上下文我遇到了两个问题
iphone - viewWithTag 故障。
我通过 Storyboard设计了 tableView，在一个单元格中我有一个按钮和一个标签。按钮在 Storyboard上有标签 1 和标签在 Storyboard上有标签 2。在 cellForR
ios - textFieldShouldEndEditing 故障？
我实现了这个方法，当在文本字段中输入了未经授权的字符或已使用的用户名时，向用户发送多个警报 View : func textFieldShouldEndEditing(textField: UITex
C++ Rnd() 故障
伙计们，我在运行程序时遇到了这个非常奇怪的错误。这是重要的代码: 变量(编辑): const short int maxX = 100; const short int maxZ = 100; con
JavaScript 错误/故障？
我有这个修改过的 Matrix Javascript 代码，我想摆脱第一次运行的所有与自身重叠的字符串。有人知道我该如何管理吗？另外，我想在我的网页上多次使用此代码，我需要声明新变量，不是吗？但是当我
c# - COMException 故障
有谁知道是否有网站(甚至非 Microsoft)有关于 COMExceptions/HRESULTS 的详细信息。当我尝试在使用 Copy() 函数后保存我的 Excel 工作簿时，我收到此错误:

首页

博学

6Ren·AI

商城

HTMl CSS IFRAME 链接故障