Question

更改广场风格的宽度和高度似乎改变了白色的显示方式。我有非常非常基本的html和css知识因此使用galleria。如果我将样式扩展到略微隐藏底部缩略图的位置，则图像看起来似乎没有任何白色框。代码是这样的：

<!DOCTYPE html>
 <html lang="en">
<div class="wrapper">
<head>
<style>
body 
{
background-image:url('Assets/light_background.jpg');
}
</style>
    <style>
   .galleria{ 
width:1100px; height: 600px; background: #000; 
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0; 
"Content-Length"
    overflow-x: hidden; 
    }
    </style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="galleria/galleria-1.3.5.min.js"></script>

<meta charset="utf-8">
<title> JC Portfolio </title>
<link href="Styles/portfolio_cascadesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div  class="header">
    <a href="home.html"><img src="Assets/logo.png" alt="JC logo" width="130px" height="130px" align="left"></a>
</div> 
<div class="menu" align="right">
    <ul>
        <li><a href="home.html" target="_self">Home</a></li>
        <li><a href="photoshop.html" target="_self">Photoshop designs</a></li>
        <li><a href="contact.html" target="_self">Contact</a></li>
    </ul>
        <br style="clear:left"/>
</div>
<br><br>
<div class="galleria" margin-bottom: 0;>
<img src="photoshop_images/Ending_dayZ_dvd_cover.jpg">
<img src="photoshop_images/FireStormMenu.jpg">
<img src="photoshop_images/goku_apocalyptic_wallpaper.jpg">
<img src="photoshop_images/DBZ_bookmark.jpg">
<img src="photoshop_images/THCG-Black.jpg">
</div>
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
Galleria.run('.galleria');
</script>
</body>
</div>
</html>

image div jQuery在Chrome上发出白色框

0 个答案: