![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 90
shengandshu
这个作者很懒,什么都没留下…
展开
-
我的z-index怎么“失效”了?
大家有没有遇到这样的问题,给一个元素加上transform或者opacity等效果后,它的子元素的z-index就“失效了”?这里普及一个概念:stacking context,中文翻译叫做“堆叠上下文”,这里我们简称做“层”。 实际上,真正决定页面上堆叠顺序的并不是z-index,而是层。一个层就是页面上Z轴的一个单位,并且页面的Z轴并不是一维的,而是多维的,每一个层内部还可以包含多个层。原创 2017-02-25 21:54:12 · 4851 阅读 · 1 评论 -
页面输出换行的问题
从textarea或者input获取的文本,再输出时会有换行消失的问题。实际上是/r和的区别。解决方法有两个:1.对文本内容进行替换str.replaceAll(" "," ").replaceAll("\r","br/>");2. 使用pre标签有一个缺点,pre标签内的内容不会自动换行,需要填加以下样式:pre {white-space:原创 2017-04-26 14:10:54 · 2421 阅读 · 0 评论 -
IE8和IE9使用filter实现渐变背景时的颜色问题
linear-gradient最低只支持IE10,所以要兼容IE8和IE9的话只能使用filter替代。代码如下:filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da,endColorstr=#1C85FB);/*IE<9>*/-ms-filter:"progid:DXImag原创 2017-06-29 17:24:03 · 987 阅读 · 0 评论 -
单行中文如何实现两端对齐
text-align: justify可以实现英文的两端对齐,但是它有两个缺陷: 只对多行文本有效,并且多行文本的最后一行无效 IE浏览器下只对英文有效 对于问题1,可以用 text-align-last: justify 解决,我自己测试在IE chrome firefox下都是有效果的; 对于问题2,可以用IE的私有属性 text-justify: inter-ideogr原创 2017-06-27 18:40:34 · 556 阅读 · 0 评论