Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Firefox中的负定位绝对元素_Html_Css - Fatal编程技术网

Html Firefox中的负定位绝对元素

Html Firefox中的负定位绝对元素,html,css,Html,Css,我试图否定一个绝对简单的元素。它在除Firefox之外的所有浏览器中都能正常工作。蓝色处理程序框应该定位在顶部边框的中间,而不是在Chrome(即Safari)上可以看到的。Firefox有没有解决这个问题的方法 任何帮助都将不胜感激 正文{ 填充顶部:10em } [可拖动]{ 轮廓:1px虚线#0099FF; 光标:移动; 职位:相对 } 汉德勒先生{ 宽度:34px; 高度:16px; 背景色:#0099FF; 保证金:0自动; 位置:绝对位置; 顶部:-8px; 左:0; 右:0; }

我试图否定一个绝对简单的元素。它在除Firefox之外的所有浏览器中都能正常工作。蓝色处理程序框应该定位在顶部边框的中间,而不是在Chrome(即Safari)上可以看到的。Firefox有没有解决这个问题的方法

任何帮助都将不胜感激

正文{
填充顶部:10em
}
[可拖动]{
轮廓:1px虚线#0099FF;
光标:移动;
职位:相对
}
汉德勒先生{
宽度:34px;
高度:16px;
背景色:#0099FF;
保证金:0自动;
位置:绝对位置;
顶部:-8px;
左:0;
右:0;
}

服务
洛雷姆·伊普苏姆·多洛尔·阿梅特·康塞特图。

使用
边框
而不是使用
轮廓

正文{
填充顶部:10em
}
[可拖动]{
/*使用边框*/
边框:1px虚线#0099FF;
光标:移动;
职位:相对
}
汉德勒先生{
宽度:34px;
高度:16px;
背景色:#0099FF;
保证金:0自动;
位置:绝对位置;
顶部:-8px;
左:0;
右:0;
}

服务
洛雷姆·伊普苏姆·多洛尔·阿梅特·康塞特图。

*[draggable]
?找不到任何说明裸属性选择器是(il)合法css的内容,但是…@artifact它能解决您的问题吗?绝对!您是wy hero:)我之所以使用大纲,是因为悬停时1px边框正在移动内容。@artifact您现在有什么问题吗?是的,事实上边框和处理程序是隐藏的,应该在悬停时显示。对于嵌套的可拖动元素,边界与出口是移动元素。这是不好的:(