css
文章平均质量分 71
简单的阿贵
一个很菜很菜的前端攻城师~~~
展开
-
a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法
a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法 今天有同事问到我,为什么他的a标签嵌套img标签在IE8以下的浏览器显示会有个边框,怎么解决会好点?经过我做了个demo之后,发现,原来是浏览器本身的问题!1.思考问题研究会不会是text-decoration的问题(加上了none并不影响)主要是在哪个浏览器的显示问题(IE7,8)img的border是浏览器加上原创 2017-07-17 19:37:10 · 1099 阅读 · 0 评论 -
行内元素border-bottom在IE7下不生效
行内元素border-bottom在IE7下不生效今天同事让我解决一个问题,就是他设置的span里面直接加border-bottom在IE7下不生效,经过各种demo的书写。终于找到了原理和方法。原创 2017-07-17 20:50:45 · 1313 阅读 · 0 评论 -
Safari滚动慢,横向选项卡滚动缓慢
1. 解决方法 在需要滚动的元素下添加-webkit-overflow-scrolling: touch; 举个栗子(直接粘贴可用):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial原创 2017-09-26 11:24:11 · 856 阅读 · 0 评论 -
隐藏滚动条,移动端
1.原因 当然是滚动条长得丑才需要隐藏啊,真是开玩笑~~~QAQ而且也抵挡不住产品的吐槽,硬着头皮上了。2. 方法 1.使用CSS3的transform:translate配合padding和margin使用。(只支持CSS3的浏览器,来自百度的方法。) 2.使用原生的position: realtive配合padding和margin使用。(我自己写的,测试无兼容性问题) 3原创 2017-09-26 13:27:52 · 1291 阅读 · 0 评论 -
iPhone X Web前端页面适配(处理可爱的刘海)
一、两个概念iPhone X和IOS 11的发布,不在许多技术方面造成了一定的冲击,前端也不可以避免地也受到影响,因为iPhone X刘海的影响,在编写前端页面的时候要做一些处理,下面先提出一些新的概念。安全区域 因为刘海的关系,所有的展示都会放在一个叫做safe-area的区域,如下图(1-1),主要是为了防止显示的内容被刘海传感器(house sensor),圆角边框(rounded cor原创 2017-11-30 16:04:12 · 9767 阅读 · 3 评论