jquery - 顶部边框未出现在 Chrome 中

Question

我被要求在一个使用名为 Wowbook 的 jQuery 库的网站上工作。在本书的每一页上，我都定义了包含内容的元素。我在每个页面的底部遇到了一些对齐问题，我已经修复了，但现在我遇到了一个新问题。我的客户坚持其中一个元素周围有边框。边框的顶部在 IE 中看起来不错，但在 Chrome 中消失了。当我点击翻页时，边框会瞬间出现。

网址:Sample page

    .pagesleftcontent{ /* this has to have the border */
    	position: relative;
    	padding: 10px;
    	height: 345px;
    	overflow: auto;
    	z-index: 1;
    	border: 1px solid #000;
    }
    .pagesleftcontent2{ /* I use this to shorten the element when the heading above wraps onto two lines */
    	height: 323px;
    }

    .pagesleft h1{
    	text-align:center;	
    
    }

    <div class='pagesleft'>
      <h1>Title</h1>
      <div class="pagesleftcontent">
        <p>... yadda yadda yadda ...</p>
        
        
      </div>
      <div class="posterID">
        15542
      </div>
      <div class="signature">
        Le Rappel<br>
        Jules Cheret<br>
        France, 1889<br>
        Size: 73&quot; X 52&quot;
      </div>
    </div>
    

Answer 1

Border 在 iPad 和最新的 chrome 版本上工作得很好。尝试删除浏览器缓存，看看是否有帮助。