社区
CSS
帖子详情
position:fixed属性设置
wodecuoshi230
2012-12-04 07:20:27
http://hf711.com/house/search.php
导航栏使用了属性:position:fixed.当缩小浏览器的时候 网页内容覆盖了
请大家帮忙看下谢谢
...全文
147
3
打赏
收藏
position:fixed属性设置
http://hf711.com/house/search.php 导航栏使用了属性:position:fixed.当缩小浏览器的时候 网页内容覆盖了 请大家帮忙看下谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lanselixiang
2012-12-06
打赏
举报
回复
用到position:fixed这个属性,有时候我们不可避免,为了考虑浏览器的兼容性,需要些css表达式。 我们做页面浏览器的显示标准是100%,在100%显示就可以了。不过你想看具体效果,你可以看一下"考试点"旁边的飘浮。这个代码不知道,是不是你想要的。或者,在这个基础上可以改编成你想要的。
似梦飞花
2012-12-05
打赏
举报
回复
设成百分比试试
wbb123yu
2012-12-05
打赏
举报
回复
。。。怎么全是研究浏览器放大缩小的
区分
position
:relative;
position
:absolute;
position
:
fixed
区分
position
:relative;
position
:absolute;
position
:
fixed
对于
position
:relative;
position
:absolute;
position
:
fixed
,很多小伙伴分不清他们具体是针对哪里移动的,下面我给大家讲讲我个人理解。
position
:absolute;(绝对定位)
position
:rabsolute; 他的意思是绝对定位,他是参照父级的原始点为原始点,无父级则以body的原始点为原始点,配合TRBL进行定位,当父级内有pa
小技巧css解决移动端ios不兼容
position
:
fixed
属性
,无需插件
ios运用
position
:
fixed
会错位,css一行样式巧妙解决定位问题。
解决CSS
属性
position
:
fixed
不起作用
若父元素
设置
了transform
属性
,无论transform
设置
任何
属性
值,都会导致
position
:
fixed
属性
失效!1.当我们在父元素
设置
了如下css
属性
时 : 子元素表现如下: 可见,
position
:
fixed
属性
失效,顶部导航栏消失。2.当我们移除了父元素中transform相关
属性
后,子元素表现如下: 可见,
position
:
fixed
属性
效果恢复,顶部导航栏重新出现。
css
position
: sticky;实现顶部悬停,吸顶效果,与
position
:
fixed
;区别
区别:
position
:
fixed
; :
设置
了
position
:
fixed
; 之后则元素固定的位置是相对于浏览器窗口的
position
: sticky;: 在滚动到
设置
的top高度之前,表现和
position
: relative;是一样的,在滚动到top高度之后会粘性定位在规定的(top,bottom,right,left)父元素位置总结: 所以在实际应用的时候,如果我们只是要把元素固定在浏览器顶部,**
position
:
fixed
;
position
: sticky;**是都可以实现的但是如果是左右分栏
transform限制
position
:
fixed
的跟随效果
我们应该都知道,
position
:
fixed
可以让元素不跟随浏览器的滚动条滚动,而且这种跟随效果连它的兄弟们
position
:relative/absolute都限制不了。但是,真是一物降一物,
position
:
fixed
固定效果却被小小的transform给干掉了,直接降级变成
position
:absolute的蛋疼表现。 例如下面示意代码: <p style="transform:scale(1);"><img src="mm1.jpg"style="
position
:
fixed
;"
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章