.header1{opacity:.6;}.header2{background-color:rgba(0,0,0,0.45);}.handle-opacity{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.45);header{background-color:rgba(0,0,0,0.45);}}本文摘自我今年工作中遇到的几个比较好的CSS问题（不一定复杂，但我觉得都值得一提），这些CSS问题就可以了平时很少遇到，即使遇到也未必知道解决方法，即使知道解决方法也未必知道生成原理，还准备了2道JS题（整理了很久之前的JS问题文章，此处不再更新）。本文会持续更新，希望对朋友们有所帮助。期待您的喜欢，谢谢。一、CSS篇1.1元素默认蓝色边框input标签元素（如button、text、areatext）的一些事件（如click、focus等）在很多浏览器中默认会有蓝色边框，比如放一个普通的button设置背景和边框为无后，触发点击后的样式如下：这是由元素默认的轮廓生成的。这是浏览器的一种保护机制，起到元素高亮的作用。干脆杀了它。方法如下：//方法一：outline:none/medium;//方法二：outline-width:01.2背景透明，文字不透明。我们通常使用不透明度使背景透明。所有浏览器都支持此属性。可以大胆使用，透明度从0.0（完全透明）到1.0（完全不透明），但是这个方法会使其所有子元素透明。这时候如果只希望背景透明，其他不透明，可以使用rgba对背景进行处理：background-color:rgba(red,green,blue,alpha)其中alpha是设置透明度,值介于0和1之间。此方法在除IE9及以下的其他浏览器中可用。我们来看看效果：同样的，我们也可以用这个方法让整个背景透明，即多写一个div作为模态层进行透明处理，可以明显看出上面的文字是不透明的：上面效果代码如下：//html你会微笑让我走相册
/div>你会微笑着放手，说你不会哭着让我出新专辑
/div>
