发表于: 2017-03-21 21:03:05

1 628


今天完成的事情:

修改完成了任务8第一个页面。

第二页面完成一大半。


明天的计划:

完成任务8第二页面,尽量完成第三页。


遇到的问题:

如何用transform做到下图的效果,目前还没有思路,明天研究。


收获:

原来CSS3可以一个元素导入多张背景图。可以如下写:

  1. background:url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
  2.            url("haoroomsCSS2_s.jpg") 200px 0 no-repeat,
  3.            url("haorooms.jpg") 400px 201px no-repeat;
也可以如下写:
  1. background-image:url("1.jpg"),url("2.jpg"),url("3.jpg");
  2. background-repeat: no-repeat, no-repeat, no-repeat;  
  3. background-position: 0 0, 200px 0, 400px 201px; 


昨天的问题,bootstrap轮播图在html元素字体设为625%的情况下,小圆点会出现在错误位置。原因是小圆点是内联元素,改成block就可以重新自定义位置和大小了。为什么内联元素在625%的情况下区域会变得很大还不得而知。


返回列表 返回列表
评论

    分享到