css中,关于滚动条滑块的问题

html-css029

css中,关于滚动条滑块的问题,第1张

首先overflow:scoll的意思是当页面内容超出一屏(或者你给body设置的宽度)时显示滚动条的意思。

当没有超出时,当然只有X和Y的轴。

问题出在,背景图片不能设置大小。HTML不会计算出背景图片的大小,这和直接插入的图片是有区别的。

解决办法

1.把body的宽度和高度,和图片真实大小设置为一致。

2.就像你说的body里包的一个div,你给那个div设置的宽度和高度和图片一致即可。

另外题外补充,overflow还有两个其它参数。只显示Y轴或者X轴。不会overflow的使用在IE和FF中是有明显差异的。

如果仍没解决,百度Hi或者站内消息可以找到我

代码如下:

<h1>CSS3滑入/滑出效果</h1>

<div id="volet_clos">

  <div id="volet">

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quisquam tempora quaerat dolores molestias reiciendis .</p>

      <p>vero labore voluptates necessitatibus ut? Et</p>

      <p>vero labore voluptates necessitatibus ut? Et</p>

      <p>vero labore voluptates necessitatibus ut? Et</p>

      <p>vero labore voluptates necessitatibus ut? Et</p>

      <a href="#volet"  aria-hidden="true" class="ouvrir">滑出</a>

      <a href="#volet_clos" aria-hidden="true" class="fermer">滑入</a>

  </div>

</div>

扩展资料

web网页设计的重要注意事项:

1、网页版面设计合理性

网页设计过程中,一定要留意网页版式的合理性,通过合理的网页布局让用户浏览起来比较顺畅舒适,注意网页版式的设计,不要块块之间过于冗繁,显示拥挤,要有主次分明,注意简练大方。

2、运用舒缓的色彩设计

在网页色彩搭配上,采用淡色系进行页面设计,特别要注意颜色的分配,总体颜色不宜超过三种颜色,可以确定一个主颜色再加上辅助颜色进行点缀搭配,这样整体设计展现出来比较调和、舒缓,用户浏览页面也不会导致眼花缭乱,眼睛疲劳。

3、丰富的页面内容

丰富的内容赋予网页生命力,用户都是喜欢有新鲜、丰富内容的网页,一个受欢迎的网页设计一定是有丰富多彩的内容吸引用户的。

丰富内容的网页对于搜索引擎也是受欢迎的,当搜索引擎每次来到我们网站进行抓取内容的时候,如果我们的网页内容保持新鲜、原创,将会很快进行收录,这对于网站整体优化排名都是有好处的。