左侧图片 右侧块的实现方法---解决3像素bug的一种解决方案,不用浮动用绝对定位和margin-left
2024-08-23 09:07:51
google的实现方式是:
<div class="mw">
<a href="/" id="mlogo"> </a>
<div id="tsfi" style="zoom:1"></div>
</div>
图片可以作为a标签的背景或者嵌套子a标签里面,为a标签设置绝对定位,右面搜索框为正常块,为右面的搜索框设置margin-left即可
具体如下,也可直接去看google搜索页
.mw{
max-width:100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi)
#mlogo {
background-image: url(/images/logo_mobile_srp_highres_3.png);
}
#mlogo {
background: url(/images/logo_mobile_srp_3.png) no-repeat;
background-size: 75px 26px;
color: transparent;
width: 75px;
height: 26px;
left: 9px;
position: absolute;
text-align: center;
top: 8px;
}
#tsfi {
margin-left: 102px;
-webkit-transition: all .15s;
}
最新文章
- EZchip将推全球首款100核64位ARM A-53芯片
- Java代码常用写法总结
- Xcode 8
- nginx地址重写
- Who&#39;s in the Middle 分类: POJ 2015-06-12 19:45 11人阅读 评论(0) 收藏
- 2014-9-17二班----6 web project
- c#开发Mongo笔记第一篇
- Struts2技术内幕-----第七章
- PHP MySql数据库访问
- oracle 提示口令失效解决方法
- Python网络编程——设备名和IPv4地址
- HBase性能测试
- 使用face_recognition批量识别图片中的人数
- 小程序实践(十):textarea实现简单的编辑文本界面
- drf版本控制 和django缓存,跨域问题,
- es6 class中责任链模式与AOP结合
- 【C语言】数组名传递给函数,数组的sizeof变为4的原因
- 洛谷P1040 加分二叉树【记忆化搜索】
- python---补充django中文报错(1),Django2.7使用sys.setdefaultencoding(&#39;utf-8&#39;),以及使用reload(sys)原因
- 前端基础之:JQuery(可编辑版)
热门文章
- ASP.NET MVC深入浅出(被替换) 第一节: 结合EF的本地缓存属性来介绍【EF增删改操作】的几种形式 第三节: EF调用普通SQL语句的两类封装(ExecuteSqlCommand和SqlQuery ) 第四节: EF调用存储过程的通用写法和DBFirst模式子类调用的特有写法 第六节: EF高级属性(二) 之延迟加载、立即加载、显示加载(含导航属性) 第十节: EF的三种追踪
- python easy install时,使用aliyun阿里云镜像提示主机名不匹配的问题
- Nginx + uwsgi 时,替换路径。
- IIS中使用ASP.NET MVC的经验总结
- 使用MongoDB 记录业务日志
- Objective-C 的动态提示和技巧
- PHPstudy如何在本地搭建多站点
- Android Studio报Error:Execution failed for task &;#39;:Companion:preDexDebug&;#39;.
- 高仿微信app (含有发红包,聊天,消息等)用到 Rxjava+Retrofit+MVP+Glide技术
- Paint的setPathEffect(PathEffect effect)、以及Path的具体使用,收益多多!