CSS让div悬浮

CSS让div悬浮

.tl {
width: 240px;
height: 193px;
position: absolute;
z-index: 999999;
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}
可以，没问题CSS代码就是上面的。

扩展资料：

div中style使用css代码 
div中可以直接写CSS样式代码，只需要DIV代码（标签）中使用style属性即可直接写CSS样式。
DIV代码：
你好 DIVCSS5 

完整案例代码与效果截图：

完整HTML案例代码
 
 
 
 
 
 
 
你好 DIVCSS5 
 
 
div标签内常用属性列表
1、style 设置css样式(扩展了解style标签)
2、align 设置div盒子内的内容居中、居左、居右
3、id 引人外部对应#（井号）选择符号样式
4、class 引人外部对应.（句号）选择符号样式
5、title 设置div（标题）鼠标经过时显示文字（扩展了解 title标签）

参考资料来源：DIV-百度百科

position: fixed; left:100px; top:100px;
加入以上CSS即可

div样式position: fixed;
margin-left:100px;
margin-top:100px;
定义好div后用js方法来动态修改该div的位置，主要是获取当前窗口的大小来指定div的位置，使相对浏览器位置不变，具体取浏览器窗口大小方法根据不同浏览器使用不同方法(百度，google很容易找到相关代码)。

<script type="text/javascript">
    window.onload = function(){
        menuFixed('nav');
    }
 
    function menuFixed(id){
        var obj = document.getElementById(id);
        var objHeight = obj.offsetTop;
     
        window.onscroll = function(){
            var obj = document.getElementById(id);
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if(scrollTop < objHeight){
                obj.style.position = 'relative';
            }else{
                obj.style.position = 'fixed';
            }
        }
    }
</script>#nav {
        padding: 10px;
        position: relative;
        top: 0;
        background: #375069;
        width: 1000px;
    }
 
    #nav a {
        display:inline-block;
        margin:0 10px;
        *display:inline;
        color:white;
        width: 15%;
    }
看看这个能不能帮你找到一个对比的灵感

rowelch 人家一二楼已经给出很正确的答案了，你还在这里很天真无邪的说Css只能是固定的，Css的门都还没摸着别出来乱误导人。
position: fixed;就是有点ie兼容问题，楼主自己百度下，也有相应的解决办法。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息