Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/security/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 删除图像的白色背景_Css - Fatal编程技术网

Css 删除图像的白色背景

Css 删除图像的白色背景,css,Css,我想知道如何删除这张照片中以css或html格式显示的空白。我希望背景是透明的。谢谢 这是我使用的代码: <html> <head> <link rel="stylesheet" type="text/css" href="./StyleSheets/style.css"> </head> <body> <div id="header"> <div class="img"> <im

我想知道如何删除这张照片中以css或html格式显示的空白。我希望背景是透明的。谢谢

这是我使用的代码:

<html>

<head>
<link rel="stylesheet" type="text/css" href="./StyleSheets/style.css">
</head>
<body>
<div id="header">
    <div class="img">
        <img src="./Images/Abado.png">
    </div>
    <div class="Navbar"> 
    <a href= "index.php">Home</a>
    <a href= "#">About us</a>
    <a href="#">Forums</a>
    <a href="#">Login</a>
    <a href= "Signup.php">Signup</a> 
    </div>
</div> 
</body>
</html>


body{
    padding:0;
    margin:0;
}


img{
    height: 50px;
    background-color:transparent;
}

#header{
margin:0;
padding:0;
width:100%;
background:#124EF4;
height: auto;   
}

.Navbar{
    margin:0;
    padding:0;
    float:left; 
    background: #0033BF;
}

.Navbar a{
    text-decoration: none; 
    font-size: 18px;
    color:white;
}

您可以使用photoshop或任何其他图像编辑器程序使图像透明。在photoshop中,您可以选择magic橡皮擦工具并删除白色背景,然后将照片另存为png格式。

请发布CSS并创建输出演示。使用类似photoshop的方法阅读并改进您的问题。这是要关闭的候选图像。如果图像没有透明度,则无法通过CSS添加。可能是Javascript,但结果可能出乎意料。只需使用am图像编辑器并删除其中的白色。CSS将不是解决方案的正确选择。使用像www.gimp.org这样的高级图像编辑器,该编辑器是免费的,请参考think链接了解如何进行透明