社区
JavaScript
帖子详情
是不是safari不支持position: absolute属性? 或者支持的与ff不一样
sasgsc
2010-11-20 07:32:24
是不是safari不支持position: absolute属性? 或者支持的与ff不一样.
我有四个div标签, 位置设置成absolute. 在FF中, 他们用JQUERY扩大的时候, 互不干扰, 但是在SAFARI中, 每个标签扩大的时候, 都会对别的标签有影响. 怎么解决这个问题.
http://idearevo.com/bulletin/MainWeb.html
...全文
696
9
打赏
收藏
是不是safari不支持position: absolute属性? 或者支持的与ff不一样
是不是safari不支持position: absolute属性? 或者支持的与ff不一样. 我有四个div标签, 位置设置成absolute. 在FF中, 他们用JQUERY扩大的时候, 互不干扰, 但是在SAFARI中, 每个标签扩大的时候, 都会对别的标签有影响. 怎么解决这个问题. http://idearevo.com/bulletin/MainWeb.html
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
sasgsc
2010-11-23
打赏
举报
回复
对的, 因为我设置了所有的DIV全都是position: absolute, 我后来复查代码的时候.
碧海情天-赵亮
2010-11-22
打赏
举报
回复
在SAFARI中, JQ生成的DIV没被CSS渲染
生成时用<div class="那个CSS类名">,结果并没有应用那个CSS类名的样式??这可是个大BUG。
sasgsc
2010-11-21
打赏
举报
回复
[Quote=引用 6 楼 theforever 的回复:]
引用 5 楼 sasgsc 的回复:
= = 自己找到问题了.....只要把JQUERY里面的CSS属性也设置成position: absolute就行了....
是因为之前的JQ将position重置了?没看代码,不太容易想到。
[/Quote]
不是的, 好像两个浏览器机制不一样. 我把DIV的CLASS设置成一样, 然后全部position: absolute. 在FF中, 用JQ生成的DIV被CSS中的设置影响了. 但是在SAFARI中, JQ生成的DIV没被CSS渲染.
所以出错了.
只要在JQ生成的div后面加上CSS, 就可以了.
sasgsc
2010-11-20
打赏
举报
回复
= = 自己找到问题了.....只要把JQUERY里面的CSS属性也设置成position: absolute就行了....
sasgsc
2010-11-20
打赏
举报
回复
= = 为什么我测了chrome 也是不好使...
sasgsc
2010-11-20
打赏
举报
回复
= = safari还是不好使......
hch126163
2010-11-20
打赏
举报
回复
我修改<div id="mainbulltin"> position: absolute 后
在chrome 下 没问题了!
楼主测试一下SAFARI
hch126163
2010-11-20
打赏
举报
回复
在chrome 下也一样
你把
<div id="mainbulltin">
也设置成 position: absolute 就兼容了
碧海情天-赵亮
2010-11-20
打赏
举报
回复
[Quote=引用 5 楼 sasgsc 的回复:]
= = 自己找到问题了.....只要把JQUERY里面的CSS属性也设置成position: absolute就行了....
[/Quote]
是因为之前的JQ将position重置了?没看代码,不太容易想到。
IE7
position
:relative的问题
回想在网上看过的一篇文档,大意就是,如果在IE7中使用
position
:relative
属性
,需要在该元素的容器上,同时给予
position
:relative
属性
。 我给了。大按钮上的链接都恢复了。但是”css”"js”"seo”3个小按钮上没有链接。很诡异…… 又给了z-index
属性
,这下firefox彻底复原,但是IE7依旧。 删了z-index,将3个浏览器的毛病都统一,然后,在群里喊了一嗓子。 “爱得”建议将容器的定位
属性
更改为
position
:
absolute
。 更换后重算了top的数值,IE6/7、
FF
测试成功。
从头学前端-32:定位(
position
属性
详解)
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~ 这是【从头学前端】系列文章的第三十二篇-《定位》 本系列文章在掘金首发,编写不易转载请获得允许 本篇文章将来学习CSS中的定位,本篇文章的内容大纲如下: 概述 CSS中的定位的实现是通过
position
属性
实现的,关于定位的名词有如下几个: 定位元素:
position
属性
为relative,
absolute
,fixed或sticky的元素 相对定位元素:
position
属性
为relative的元素.
position
:fixed怎么参照祖先元素定位以及transfrom
属性
对元素布局的影响的原理
position
:fixed通常情况下是相对于窗口定位的,但是有一种情况,
position
:fixed是相对于祖先元素定位,而此时的定位层级(z-index)也是相对于祖先元素的。 这种情况就是让祖先元素发生变换,也就是transfrom
属性
发生改变。 实例: <div class='parent'> <div class='child'>我固定了吗?</div> </div> <div class='parentSibling'>
关于CSS中
position
属性
和overflow
属性
的使用小结
关于CSS中
position
属性
和overflow
属性
的使用小结
position
属性
用于设置某个元素的位置类型。取值类型可以有:static、relative、
absolute
、fixed、inherit和sticky,这里sticky是CSS3新发布的一个
属性
。 1、
position
: static static(没有定位)是
position
的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z-index
属性
。 2、
position
: relative relativ
position
:relative与float的区别。relative、
absolute
和float 。div定位
position
(relative、
absolute
)嵌套 漂浮float 探索
position
:relative与float的区别 postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是
position
移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。 float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章