0

我正在尝试将图像放入 div 但出现问题，实际上我只是希望当我将图像设置为 div 时它不应该影响 div 属性。

我正在尝试这样：

#image_try {
    background-color: white;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, 
       color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5));
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
    float: right;
    border: 2px;
    color: #FF0000;
    overflow: hidden;
    width: 164px;
    display: table;
    margin: 0 auto;
    padding: 78px 31px 7px 233px;
    background: #FFFFFF;
    height: 79px;
    margin-top: -174px;
    margin-right: 25px;
    background-image:url(images/weather.jpg) no-repeat;
  }

更新：

实际上，当我没有在背景中设置图像时，div 看起来不错，但是当我设置图像时，它的高度和宽度会受到影响

任何想法...答案将不胜感激...谢谢

4

1 回答 1

1

我可以在你的 css 中看到一些像背景一样的欺骗，你使用了两次颜色，你也将它设置为 Chrome 和 Firefox 的渐变。你也在重复保证金。据我所知，您的问题出在padding. 我只删除了那个。如果可能，请检查css并提供屏幕截图。

#image_try {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
-webkit-border-radius: 12px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px;
color: #FF0000;

width: 164px;

height: 79px;
background-image:url(images/weather.jpg) no-repeat;
}

尝试上面编辑的答案

于 2013-09-22T12:52:19.967 回答