javascript - 隐藏 span(或 div)直到 javascript 完成

标签 javascript

我正在使用 Unit PNG Fix ( http://labs.unitinteractive.com/unitpngfix.php ) 使透明的 png 在 IE 中工作。它被用在我的 Logo 容器的背景图像上。

所以我有我的 html,其中包含这些相关项目。在头部:

<!--[if lt IE 7]>
        <script src="/assets/script_unitpngfix.js" type="text/javascript"></script>
<![endif]-->

然后在正文中:

<a href="index.html" style="display:block;"><span id="Logo"></span></a>

因为在 Unit PNG Fix 发挥它的魔力之前, Logo 加载时周围有一个灰色框,我怎样才能隐藏整个范围直到执行 javascript,这样用户永远不会看到灰色框?

谢谢。

最佳答案

而不是你当前的跨度:

<span id='Logo' style="display:none"></span>

然后将此函数附加到主体 onload 事件 ( <body onload = "showMySpan()"> ):

function showMySpan() {
  var mySpan = document.getElementById('Logo');
  mySpan.style.display = "";
}

关于javascript - 隐藏 span(或 div)直到 javascript 完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3181162/

相关文章:

javascript - 无法转换/规范化/修改 GraphQL 查询的响应 - Apollo 客户端

javascript - 服务 worker 发送的 CORS 预检请求,而不是常规请求

javascript - 在服务器上查找相同图像并获取文件位置的最佳策略

javascript - 有什么方法可以取消/停止/中止 getScript 调用吗?

javascript - WordPress 无法处理 jQuery 代码

javascript - 以表格格式显示 Ajax 返回的数据

javascript - multer中的cb是什么?

javascript - 在 xhr responseText 上执行 jQuery 操作

javascript - 使用 Canvas 在嵌套圆圈中添加文本?

javascript - ES6 命名对象参数解构