css - Chrome 斜框

标签 css google-chrome

斜边在 Chrome 中看起来很糟糕。在 Firefox 中是可以的。为什么?

http://codepen.io/anon/pen/EaxJKv

.rr-left:after {
    bottom: 0;
    border-top: 30px solid #2c3e50;
    border-right: 1050px solid #FFFFFF;
}

最佳答案

尝试将边框顶部更改为 RGBA(44, 62, 80, 0)。这使线条平滑了一点:

border-top: 30px solid rgba(44, 62, 80, 0);

http://jsfiddle.net/wmvq5uz1/

关于css - Chrome 斜框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26975281/

相关文章:

javascript - PWA 应用程序,移动 Chrome,强制重新加载 js 缓存文件

css - IE8 忽略带有 respond.js 的媒体查询

html - div 顶部的异常空间

html - 为什么我的下拉导航菜单换行并放到第二行?

javascript - 从 Android 上的应用内浏览器重定向到 Chrome 的最佳方式?

javascript - $http.get 未在请求正文中发送数据

javascript - 如何防止元素伸出屏幕?

html - 为什么我的内联 block div 只有一个有文本时没有对齐?

css - Safari : Cannot select text from an input field 中的奇怪问题

javascript - 在 chrome 上检查 IOS 设备