让网页框架透明 底部对齐的代码

让网页框架透明
IE5.5和NN6以上的浏览器支持Frame，Iframe对象的allowTransparency方法，如果某对象的背景颜色设置为Transparency的，它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。 
代码如下： 
a.html如下： 
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME无背景颜色</P>
<P>BODY：<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>

iframe
<IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </IFRAME>

底部对齐的代码：

<style type="text/css">
.box1 {border:1px #cccccc solid;  width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;}
</style>
<div class="box1">
    <div class="box2"></div>
</div>

赞 (0)

相关推荐

  • 让网页框架透明 底部对齐的代码

    让网页框架透明 IE5.5和NN6以上的浏览器支持Frame,Iframe对象的allowTransparency方法,如果某对象的背景颜色设置为Transparency的,它将继承包含它容器的特性.我们可以通过这个特性实现透明背景的开/关.  代码如下:  a.html如下:  <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; char

  • vueJs实现DOM加载完之后自动下拉到底部的实例代码

    这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部,文中给大家记录了整个问题的过程,对实现思路感兴趣的朋友大家阅读下本文. /.....................................更新..................................../ 这个问题是很早之前遇到的,后来想来,其实是个很简单的问题.在dom记载完成就自动下拉到底部,只需要使用Vue.nextTick(() => {})函数即可,因为vue是虚拟dom,不会实时更新dom,nec

  • jquery实现网页的页面平滑滚动效果代码

    jquery实现网页的页面平滑滚动效果代码

    本文实例讲述了jquery实现网页的页面平滑滚动效果代码.分享给大家供大家参考,具体如下: 这款网页页面平滑滚动jquery代码,点击链接会让网页平滑滚动到链接对应的位置. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-link-scroll-page-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo

  • JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享

    JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库（在yii框架中操作）的代码分享

    效果展示: 代码实现: 控制器 <?php namespace app\controllers; use Yii; use yii\filters\AccessControl; use yii\web\Controller; use yii\filters\VerbFilter; use app\models\LoginForm; use app\models\ContactForm; //use yii\db\ActiveRecord; use yii\data\Pagination; use

  • Yii框架连接mongodb数据库的代码

    yii2框架是yii的升级版本,本文我们分别讲解在yii框架中如何连接数据库mongodb. 在文件夹common/config/main_local.php中加入如下代码: <?php return [ 'components' => [ 'mongodb' => [ 'class' => 'yii\mongodb\Connection', 'dsn' => 'mongodb://localhost:27017/数据库名' ], ], ]; 以上所述是小编给大家介绍的Yii

  • asp获取远程网页的指定内容的实现代码

    代码如下: 复制代码 代码如下: <% '用ASP获取远程目标网页指定内容,代码由广州网站建设http://www.jb51.net提供 On Error Resume Next Server.ScriptTimeOut=9999999 Function getHTTPPage(Path) t = GetBody(Path) getHTTPPage=BytesToBstr(t,"GB2312") End function Function Newstring(wstr,strng

  • 基于JavaScript实现 网页切出 网站title变化代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>这里是网站标题</title> </head> <body> <script type="text/javascript"> document.body.onfocus = function

  • bootstrap网页框架的使用方法

    本文为大家分享了网页框架bootstrap的简单使用方法,供大家参考,具体内容如下 直接百度bootstrap可以搜到bootstrap中文网站,然后最好建议选择下载源码. 下载完成后,将dist/css/bootstrap.min.css复制到项目的根目录下. 具体的模块介绍和使用在中文网站上都有讲述,这里以制作的一个简单示例为例: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&

  • jQuery实现的网页左侧在线客服效果代码

    jQuery实现的网页左侧在线客服效果代码

    本文实例讲述了jQuery实现的网页左侧在线客服效果代码.分享给大家供大家参考,具体如下: 这是又一个网页上的在线客服代码,不错,可以用一下哦.与其它客服不一样的地方呢?无非是在网页左侧滑出,可对客服类型分组,又多了一个功能,哈哈. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-left-online-kf-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

  • 分享网页检测摇一摇实例代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: var Shaker = function(f){ // 摇一摇: 检测到3次摇动算一次摇一摇, 摇动后调用处理函数, 不再检测摇动 // f 摇动后的回调 this.callback = f; this.status = 0; // 0: 侦听未开始 1: 侦听开始 this.speed = 15; this.lastX = this.lastY = this.lastZ = 0; this.num = 0; // 检测触发次数 this.

随机推荐