Question

我已经编写了一个透明div的代码，我正在使用网站主页的一些文字（消息）来显示更明亮的文字：

#transdiv {
 position:absolute;
top:228px;
width:852px;
height:160px;
background-color:rgba(0,0,0,.3);
border-radius:8px;

} ＆安培;我在主页＆amp;像这样的代码：

<div id="spotlight" class="pagewidth">
    <div id="find-mentor">
       <div id="transdiv">

                 <h1><?php echo Configure::read('SearchBarHeading');?></h1>
        <h2><?php echo Configure::read('SearchBarSubheading');?></h2>
        <div id="text-box">

但是现在我的问题是我希望这个div应该在主页上加载其他内容之后上传，但事情是它在页面上首先上传了一段时间看起来非常糟糕所以我需要修复这个＆amp;在加载所有其他页面内容之后加载它。感谢!!!!!

Answer 1

Java Script是我唯一相信的方式。简单地在文档准备就绪时（dom已完全加载），向元素添加另一个类。该类将使元素可见。可见性而不是显示用于使元素在显示之前获取其空间事件。

这里是小提琴：http://jsfiddle.net/22Qh2/

这里是JS代码：

window.onload=function(){
    addClass(document.getElementById('transdiv'),'shown');
};

/*  functions handling classes in js */
function hasClass(el, name) {
   return new RegExp('(\\s|^)'+name+'(\\s|$)').test(el.className);
}
function addClass(el, name){
   if (!hasClass(el, name)) { el.className += (el.className ? ' ' : '') +name; }
}
function removeClass(el, name){
   if (hasClass(el, name)) {
       el.className=el.className.replace(new RegExp('(\\s|^)'+name+'(\\s|$)'),' ').replace(/^\s+|\s+$/g, '');
   }
}

想要在页面加载时禁用透明div＆amp;显示页面加载后

1 个答案: