gpt4 book ai didi

html - Flash 元素不会在 Ipad 上显示

转载 作者:行者123 更新时间:2023-11-28 13:28:53 26 4
gpt4 key购买 nike

我有一个关于 ipad 的问题。这是我正在处理的网站 http://www.gmbelt.com/index.html ,问题是侧面的导航栏和导航按钮(顶部)和中间的横幅是用 flash 制作的,而 ipad 不支持 flash。

无论如何,我可以用 html 或 css 重新创建这些元素吗?

如有任何帮助,我们将不胜感激。

这是我正在使用的代码。

PS 我知道使用表格创建网站不是一个好主意,但它已经完成并且我不会更改布局,因为有大量页面并且需要很长时间。

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="CSS/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="CSS/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" href="CSS/stylesheet_zen_lightbox.css" />
</head>

<body bgcolor="#1B3917">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="507">
<tr>
<td rowspan="2" height="175">&nbsp;</td>
<td width="1027" colspan="2" height="136">
<p align="center">
<img border="0" src="images/header.jpg" width="989" height="140"></td>
<td rowspan="2" height="175">&nbsp;</td>
</tr>
<tr>
<td width="1027" colspan="2" height="39">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="75"><SCRIPT src="displayFlashbutton_home.js"></SCRIPT></td>
<td width="75"><SCRIPT src="displayFlashbutton_contact.js"></SCRIPT></td>
<td width="75"><SCRIPT src="displayFlashbutton_about.js"></SCRIPT></td>
<td width="75%"><SCRIPT src="displayFlashbutton_downloads.js"></SCRIPT></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="166" rowspan="2">&nbsp;</td>
<td width="150" height="166" rowspan="2">&nbsp;<SCRIPT src="displayFlashmenu.js"> </SCRIPT></td>
<td width="877" height="90" valign="top">
<p align="center">&nbsp;<SCRIPT src="displayFlashbanner.js"></SCRIPT></td>
<td height="166" rowspan="2">&nbsp;</td>
</tr>
<tr>
<td>
<table border="1" bordercolor="#FFFFFF" height="100%" width="100%">
<tr>
<td align="center" width="100%" height="83" style="border:0">Please note, the home page is undergoing maintenance.<br><strong>However the menu and product items are fully working.</strong><br />We apologise for any inconvienice.<br />If you have any inquiries please contact Graham on 01455 271171 or <a href="mailto:graham@gmbelt.com">graham@gmbelt.com</a></td>
</tr>
<tr>
<td height="150px" width="100%" style="border:0">&nbsp;</td>
</tr>
<tr>
<td height="150px" width="100%" style="border:0">&nbsp;</td>
</tr>
<tr>
<td height="150px" width="100%" style="border:0">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="166">&nbsp;</td>
<td width="150" height="166">&nbsp;</td>
<td width="877" height="166">
<p align="center">
<span style="color: rgb(170, 170, 170); font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(27, 57, 22); display: inline !important; float: none; ">Copyright © 2012<span class="Apple-converted-space">&nbsp;</span></span><a href="http://www.gmbelt.com/index.html" target="_blank" style="color: rgb(153, 153, 153); text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(27, 57, 22); ">Glen Esk Celtic and Highland Supplies<br></a>
<a class="mrk" href="http://www.thepcclinicuk.com/" target="_blank" style="color: rgb(153, 153, 153); text-decoration: none; background-color: rgb(27, 57, 22); font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">Layout Design by The PC Clinic UK Ltd</a></td>
<td height="166">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>

</body>

</html>

最佳答案

Ipad 不支持闪光灯。但是,您可以使用 HTML 和 Css 重新创建它们...

用它们制作图片并用 css 制作菜单:

CSS

.ul li.menu1 a { 
display:block;
width:20px;
height:20px;
background-image:url('image.png');
}
.ul li.menu1 a:hover {
background-image:url('imagehover.png');
}

.ul li.menu2 a {
display:block;
width:20px;
height:20px;
background-image:url('image2.png');
}
.ul li.menu2 a:hover {
background-image:url('image2hover.png');
}

HTML

<ul>
<li class="menu1"><a href="#"></a></li>
<li class="menu2"><a href="#"></a></li>
</ul>

关于html - Flash 元素不会在 Ipad 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13801654/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com