JSFiddle - React, Tailwind, and code Playground

by JellyBelly

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.livequery.min.js"></script>

<h2>Header</h2>

<iframe id="idIframe" name="idIframe" scrolling="no" height="720px" width="100%"
        src="http://www.google.com" frameborder="0"></iframe>

<div class="positionLogo"></div>

CSS

div.positionLogo {
    width: 64px;
    height: 64px;
    position: absolute;
    display: block;
    text-align: center;
    background: #FFFFFF url(http://qooxdoo.org/_media/stackoverflow.png) no-repeat center;
}

JavaScript

$(document).ready(function () {
    
$(".positionMebiusLogo").position({
    of: $("#idIframe"),
    my: "left bottom",
    at: "left bottom"
});

});