消失的背景图形
Paul Smith 发表了一篇关于他遇到的奇怪 CSS 问题的帖子,消失的背景图形。简单概括一下,有时一个默认宽度为浏览器窗口全宽的 DIV,同时拥有背景图像,当存在水平滚动时,无法填满整个屏幕宽度。这有点难懂… 实际效果比解释更容易理解。Paul 建立了一个完整页面来解释这一现象。一个很好的例子是在 Verizon 网站上。尝试缩小浏览器窗口,直到出现水平滚动,然后向右滚动,就会看到导航栏图形“消失”。我尝试过对此进行一些研究,但我还没有找到令人满意的答案。
最佳网页设计速查表?
这个帖子有一些指向与设计相关的速查表的好链接。我喜欢速查表。这让我开始思考,我现在最需要哪种速查表。我想应该是不仅列出所有 jQuery 事件、选择器、函数等等,而且还有小的示例,这样我就可以确保语法正确。
使用 CSS 创建图像地图?
是否可以使用 CSS 创建图像地图?
这个 (jQuery 选择器参考卡) 充满了示例。
对于背景问题… 似乎您可以设置超过 100% 的宽度来补偿。但当然,您会一直看到水平滚动。这可以通过在 body 中设置 overflow:hidden 来消除,但如果您这样做,您将永远不会看到水平滚动。这确实很棘手!
我知道你可能不是故意的,但我看到“我喜欢速查表!”这句话就忍不住笑了!
我刚开始学习网页设计,是从印刷界转过来的。这个帖子看起来有一些不错的速查表。我希望有您提到的那种速查表,包含示例,展示正确的语法,这对像我这样刚开始学习 CSS 和 XHTML 的人来说会非常有帮助。
我的网站上绿色标题图案也有这个问题。在浏览器宽度低于 1024 像素时,我发现很多其他网站也存在这个问题。
我之前在一个网站上遇到过这个问题,通过设置 min-width 成功解决了。
我经常使用这个来学习 jQuery
http://visualjquery.com/1.1.2.html
期待更多 jQuery 提示……
在 Verizon 的例子中,更好的 div 包裹可以解决问题。
正如我所说,这只是网站布局结构问题,大多数情况下是由于绝对定位和相对定位以及糟糕的区段包装系统导致的。
<div class="background"><!-- width: 100%; background: ... -->
<div class="wrapper"><!-- width: 500px; margin: auto -->
<div class="header"></div><!-- width: 100% -->
<div class="nav"></div><!-- width: 100% -->
</div>
</div>
是的,正如 @Nina 所说,在 #navarea 上设置大约 780 像素的 min-width 应该可以解决问题。