做轮播图部分遇到的问题
2018-06-24 01:04:57来源:未知 阅读 ()
今天做网站的轮播图部分遇到了好几个问题,找大神请教了请教才知道问题出在哪:
1、给整个轮播图设置背景图片,背景图被压在版心下面,但是重新敲一遍,保存一遍就可以了,不知道为什么??
2、没有给a转换,也没有添加浮动,就给 a 设置 margin-left ,不生效,因为a是行内元素,没有 margin ,设置浮动以后就有 margin 了。
3、如果 ul 有固定的宽度,要设置三行四列的 li ,每个 li 都有上边框和右边框,每行的第四个肯定会被挤下来,这种情况就让 ul 的宽度富裕一点,让 li 能完全显示,然后给 ul 的父元素 overflow: hidden;,意思是把 ul 多余的hidden掉,ul 多余的部分,就是它里面的 li 的border了,因为最后一个没有右边框,所以让它的右边框出去,然后隐藏起来。
刚开始设置 overflow: hidden; 不生效的原因是给 ul 添加的 overflow: hidden; ,应该给 ul 的父级元素添加。
4、.con_lunbo .w .life_list .life_bottom ul li:nth-child(2) a i { /*不生效---li包含a,应该是第二个li里的a,而不是第二个a */
width: 20px;
height: 20px;
background-position: -2px -45px;
margin-top: 17px;
margin-left: 13px;
}
------添加:nth-child()选择器的时候找错了元素
5、.con_lunbo .w .life_list .life_bottom ul li a p { /*不生效*/
font-size: 11px "微软雅黑"; /*刚开始设置的是span,span是行内元素,text-align: center;不起作用*/
color: #666;
text-align: center;
}
6、现在还是有两个问题不太懂:
1)什么时候清除浮动?
2)一个元素可以添加绝对定位的同时也添加浮动吗?
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:我写的京东页面代码
- 前端命名规范 2020-03-17
- css的核心原理分为优先级原则与继承原则两大部分 2020-02-13
- 华为,小米部分机型微信浏览器rem不适配的解决方案 2020-01-20
- 层级轮播图(animate) 2019-11-25
- 网站优化 2019-11-13
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash