支持Chrome浏览器透明度的<frame>的对应部分？

Question

I have a website and in one of the pages is a photo album, which appears thus in Chromium:

and in firefox, as below:

As you can see, there is a white patch to the left and above the gallery box in the former picture while in the latter there is tranparency throughout the outside of the box. I want to get rid of these white patches. I learnt that it necessarily boils down to how Chromium handles iframes. I figured out that this is the code fragment that needs change so that the transparency is achieved in both browsers.

echo "<frameset rows='424px' frameborder=0 >";
echo "<frame name='akc' style='background-color: transparent' noresize='noresize'";
echo "src='aneesh.php?album=" . start() . "'/></frameset>";

So my question boils down to getting a replacement code that produces the same result in Chromium as in Firefox. I want a complete replacement for frame tag. (A tag that can be targeted just like frames, which can contain webpages - like frame where we use 'src' attribute - and also support transparency)

Answer 1

You could use a <div> then use <?php include('aneesh.php?album=whatever'); ?> to include a PHP script within the div.

If you wanted to change the contents of the <div> on the fly, you could use jQuery's AJAX functions to request the output of the album.php script then write them to the <div> by ID, something like (note: untested, but it's along the right lines):

<script>
$((){
    var album = start();
    $.ajax({
        type: "GET",
        url: "aneesh.php",
        data: { 'album': album }
    }).done(function( msg ) {
        $('#album').html = msg;
    });
});
</script>

...

<div id='album'></div>

Frames are obsolete, haven't been in common use since the 90s and pose massive issues to people using non-standard browsing methods. Don't use them.