Photoshop修正了一个我提交过的bug

年后Adobe订阅到期后,有一段时间入了Affinity Photo,其实操作大同小异,但是还是觉得Photoshop更熟悉一些,于是又续订,安装后发现了一个问题,就是复制css和复制svg的时候会出现js代码丢失错误。这个错误在19.1之前的版本是没有的,在19.1.4得到了修复。我通过好几个渠道进行了反馈,跟Adobe的技术人员磨了大半天洋工,远程控制,Ticket,论坛都试过,最后Adobe确认这是一个bug。前两天更新了Photoshop之后这个bug终于消失了。

 

 

 

 

 

遇到的几个IE的css兼容问题

1、居中的问题

在其他浏览器当中只要设置wrapper{margin:0 auto;}就可以实现的居中问题,在IE当中需要先设置body{text-align:center}才能生效。

2、宽度的问题

IE当中的Padding和其他浏览器中的padding的定义不同,因此会造成双倍宽度的问题,针对每个细节另外修改。

3、float的问题

在每个具有float的属性下面加上{display:inline;}会对排列混乱有帮助。

4、NivoSlider在IE当中图片不显示的问题。

将.nivoSlider img 当中的{display:none;}删除,可以解决这个问题。 继续阅读遇到的几个IE的css兼容问题

最简单的纯CSS下拉菜单

html部分

<ul>
  <li><a href="#">菜单一</a></li>
  <li><a href="#">菜单二</a>
    <ul>
      <li><a href="#">子菜单一</a></li>
      <li><a href="#">子菜单二</a></li>
      <li><a href="#">子菜单三</a></li>
    </ul>
  </li>
  <li><a href="#">菜单三</a></li>
  <li><a href="#">菜单四</a>
    <ul>
      <li><a href="#">子菜单一</a></li>
      <li><a href="#">子菜单二</a></li>
      <li><a href="#">子菜单三</a></li>
    </ul>
  </li>
  <li><a href="#">菜单五</a></li>
</ul>

css部分

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    float: left;
    display: inline;
    font: 0.9em Arial, Helvetica, sans-serif;
    height: 30px;
    width: 100px;
    list-style: none;
}
ul li a {
    color: #FFF;
    text-decoration: none;
    line-height: 29px;
    width: 91px;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    display: block;
    border-right: solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    background: #808080;
}

ul li ul li { height:25px; }
ul li ul li a {
    background: #666;
    line-height:24px;
}
ul li ul { visibility: hidden; }
ul li:hover ul { visibility: visible; }
ul li ul li a:hover { background: #333; }