发表于: 2018-10-20 22:22:54

1 722


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

  完成task7-3  把页面跳转弄上去了
明天计划的事情:(一定要写非常细致的内容) 

先看看任务8再修改下任务7
遇到的问题:(遇到什么困难,怎么解决的)

 CSS半透明是如何实现的?                            

1 - 创建透明图像

在要透明层的div上加以下CSS代码

div{

filter:alpha(opacity=50);  /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
0~1透明度   1为不透明。


2-父级div 使用rgba ,效果可以了   background: rgba(0, 0, 0, 0.5);

前三个值表示颜色的red,green,blue值

最后一个表示alpha值,就是透明度值,不透明为1


收获:(通过今天的学习,学到了什么知识)

学会页面跳转几个方法:

1.a标签直接跳转

<a href="http://baidu.com">百度一下</a>


2.【使用a标签】a标签的超链接可以直接嵌套一个button,这时候可以得到:

1
2
3
<a href="https://www.baidu.com/">
    <button>点我跳转到度娘!</button>
</a>

3.【使用onclick属性】在button标签中加上onclick属性,赋值为Javascript即可。

1
2
3
<button onclick="window.location.href = 'https://www.baidu.com/'">
    找度娘玩耍~
</button>
学会页面关闭:

不带任何提示关闭窗口的js代码

<input type="button" name="close" value="关闭" onclick="window.close();" />





返回列表 返回列表
评论

    分享到