9年3个月前
今天同事遇到一个奇葩的问题,我以前好像也遇到过,但没有深究,这告诉我们,遇到问题一定要刨根问底,否则将来某一天你一定还会与它不期而遇😂
我们经常会遇到一些横向排列的布局,并且横向排列的总宽度要大于显示宽度,如轮播图,左右滑动菜单等。通常的做法就那么几种:
white-space:nowrap + display:inline-block
display:box/flex + box...
9年3个月前
1.z-index越大越靠前的条件:①.只有在position:relative、position:absolute和position:fixed参与的情况下才有作用。②.得在同一级定位元素中才有可比性。
...
9年3个月前
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" on...
9年6个月前
翻了翻以前的代码,发现有很多类似下面这样的地方:
var src='xxx.jpg';
var $img = $('img');
$img.css({
'background': 'url(' + src + ') center center no-repeat',
'background-...
9年10个月前
近期看到淘宝的移动端改版了,使用了 rem 这个神奇的单位。
这货看上去跟 em 长的颇为相似,但它是 font size of the root element, em 只是 font size of the element, 显然 rem 是 em 的升级版啊。
我们在用 em 的时候,它是相对于父元素字体大小的单位,这点让我们很不爽,很容易出现 1.2em*1.2em 的情况,但是 ...
9年10个月前
那么如何添加网站favicon.ico图标
获得一个favicon.ico的图标,大小为16px×16px最为合适
将制作好的图标文件Favicon.ico上传到网站的根目录;
在首页文件的html代码的头部中加入如下代码: <link rel="Shortcut Icon" href="favicon.ico" >
如果想收藏书签也...
10年1个月前
最近百度视频首页改版,小伙伴们给作品海报添加了一个 hover 效果,就是鼠标划入的时候,海报会放大一些,划出的时候,海报再缩小回原来的大小。具体实现也挺容易的:
a img{
-webkit-transition: all .05s ease-in;
}
a:hover img{
-webkit-transform: scale(1.05);
}
其他前缀的就不写了,本来效...
10年3个月前
假设 b 是 a 的子节点,如果这时候对 b 设置 margin-top: 10px, 那么 a、b 的 margin-top 将会折叠在一起,产生的效果是 a 会 margin-top: 10px, b 没有效果:
<style>
.b{
margin-top: 10px;
}
</style>
<...
10年10个月前
给html和body加如下样式(ie6下消除了fixed元素滚动时的抖动):
html, html body{
_background-image: url(about:blank);
_background-attachment: fixed;
}
给要设置fixed的元素加如下样式:
.fixed{
position: fixed;
top: 200px;...
加载更多