13518219792
.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;/* css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态 */
-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代码：
div style="color:#F00;border:1px solid #000;width:300px;height:100px"你好 DIVCSS5/div
完整案例代码与效果截图：
完整HTML案例代码
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleDIV直接写CSS DIVCSS5案例/title
/head
body
div style="color:#F00;border:1px solid #000;width:300px;height:100px"你好 DIVCSS5/div
/body
/html
div标签内常用属性列表
1、style 设置css样式(扩展了解style标签)
2、align 设置div盒子内的内容居中、居左、居右
3、id 引人外部对应#（井号）选择符号样式
4、class 引人外部对应.（句号）选择符号样式
5、title 设置div（标题）鼠标经过时显示文字（扩展了解 title标签）
参考资料来源：DIV-百度百科
用CSS样式控制文字浮于图片上方，这个我们首先要明确的知道一个层的概念，这里就是将图片为一个层，然后文字又是一个层，然后我们使用一个position定位，将文字定于图片的位置，然后使用z-index这个层属性，来做，z-index的数值越大，层就越在上面，这里通过具体的代码来理解：
html
head
style
.headr{
width:300px;
height:200px;
border:1px
solid
#f00;
z-index:100;
}
.wenzi{
position:absoulte;
left:100px;
//只是假定的值，具体需测量
top:200px;
z-index:101;
z-index的数值越大，层就越在上面
}
/head
body
div
class="headr"
//页头
img
src='图片的地址'
/div
div
class='wenzi'
p我会在图片的上面/p
/div
/body
/html
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一个div，同时设置其class属性为con,主要用于下面通过该类名进行样式的设置。
3、在test.html文件内，在div内使用p标签创建一段测试文字的显示。
4、在test.html文件内，在div内，再使用div标签创建一个类名为ff的div，用于作为悬浮的div。
5、在test.html文件内，在css标签内，使用“*”初始化元素样式，设置外边距和内边距都为0。同时，设置类名为con的div的样式，设置其背景颜色为灰色，居中对齐，宽度为640px，高度为1000px。
6、在css标签内，再设置类名为ff的样式，设置其高宽都为100px，背景颜色为红色，使用position定位属性设置div在页面的绝对位置，距离页面顶部为20px，距离页面左边为0px，从而实现div悬浮在页面中。
7、在浏览器打开test.html文件，查看实现的效果。
css只能实现广告漂浮在一个指定的地方，不能动的，如果需要移动的广告就必需用js代码实现的
css漂浮代码为：position:absolute;
