发表于: 2019-09-27 15:58:33
1 1030
task7
遇到问题:图片有白色边框,


思考:主要是存储为web格式的时候选择的文件格式不合适导致的,不应该选择png-8,而是应该选择png-24。
选择png-8如果图片中有半透明的像素导出的时候,会自动添加一个白色的衬底这个和gif类似。选择png-24则会显示半透明的效果。
解决:从新切图,设置PNG-24


在投票页面,插入音频,
遇到问题:
使用<a>标签插入音频,点击页面跳转
解决:使用<audio>标签
HTML <audio> 标签
标签定义及使用说明
<audio> 标签定义声音,比如音乐或其他音频流。
目前,<audio> 元素支持的3种文件格式:MP3、Wav、Ogg。
<audio> 标签是 HTML5 的新标签。
提示:可以在 <audio> 和 </audio> 之间放置文本内容,这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。
HTML5 中的新属性。
属性 | 值 | 描述 |
autoplayNew | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controlsNew | controls | 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。 |
loopNew | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
mutedNew | muted | 如果出现该属性,则音频输出为静音。 |
preloadNew | auto metadata none | 规定当网页加载时,音频是否默认被加载以及如何被加载。 |
srcNew | URL | 规定音频文件的 URL。 |
遇到问题:在设置<audio>之后,使用绝对定位出现在三角形之上,
解决:赋予标签opcity属性
思考:opcity和rgba有什么区别区别?
rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,
而rgba()只作用于元素的颜色或其背景色。(设置rgba透明的元素的子元素不会继承透明效果!)
评论