div css position定位样式表特效代码下载


div css position定位样式表特效代码下载
div css position定位样式表特效代码下载以及定位样式表等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="styles.css" />

2. HTML代码

<div id="iAmFixed">
	I am fixed (scroll the page)
<pre>background-color:#F6E4F5;
border:1px solid white;
padding:15px;
right:95px;
width:300px;
z-index:10;
<b>position:fixed;
bottom:15px;</b>
</pre>
	<div id="iAmAbsoluteInsideFixed"> I am absolute inside fixed
<pre>background-color:#DCF4F9;
border:1px solid white;
padding:15px;
<b>position:absolute;
right:-50px;
top:-90px;</b></pre>
    </div>
</div>
<div id="iAmAbsolute">I am a lonely absolute
<pre>background-color:#DCF9E1;
border:1px solid white;
padding:15px;
width:150px;
<b>position:absolute;
top:0;
left:0;</b></pre>
</div>
<div id="iAmRelative">I am relative (resize window)
<pre>background-color:#F8F7C3;
border:1px solid white;
width:200px;
padding:20px;
<b>position:relative;
left:400px;</b></pre>
	<div id="iAmAbsoluteInsideRelative">I am absolute inside relative
<pre>background-color:#F8D9C3;
border:1px solid white;
padding:20px;
<b>position:absolute;
left:-180px;
bottom:-140px;</b></pre>
    </div>
</div>

相关推荐

发表评论

相关文章