CSS如何在div之外进行图像显示

时间:2013-08-27 13:53:22

标签: css html cut

我有一个图像,我想延伸到div之外并显示在显示的边框之外。

每当我尝试移动它时,图像的顶部就会被切断。 (参见第2栏顶部的电子书图片......)

非常感谢任何帮助。感谢

5 个答案:

答案 0 :(得分:5)

尝试添加CSS规则:

.entry-content {
    overflow: visible;
}

目前,该属性设置为hidden,顾名思义,它隐藏了超出其范围的所有内容。将其设置为visible可以显示内容。

http://www.w3schools.com/cssref/pr_pos_overflow.asp

答案 1 :(得分:1)

<div class="entry-content">

上面的代码可以通过chrome调试器找到。它是您的内容框的容器,包括该图像。

条目内容类目前设置为overflow:hidden。将其更新为overflow:visible或从该div中删除.entry-content类。

答案 2 :(得分:0)

你试过这一行:

<img style="float: right; overflow: visible; margin: 15px 13px 0px 0px; display: inline" align="right" src="http://www.yoursite.com/wp-content/uploads/assets/secret-new-ms.png">

更改margin: -30px 13px 0px 0px;

margin: 15px 13px 0px 0px;

答案 3 :(得分:0)

为您的图片留出余量:10px。这样就可以了。

答案 4 :(得分:0)

更改“http://yoursite.com/wp-content/uploads/prose/minified.css”文件@第2行 从

.entry-content {
  overflow: hidden;
}

.entry-content {
overflow: visible;
}

或在任何css文件中添加此规则

.entry-content {
overflow: visible !important;
}