通過更改CSS類外的div容器

我想通過css來改變圖像的特性的IMG財產。由於我通過typo3來做這件事，我只能訪問外部div容器（內容元素的自定義邊框）。通過更改CSS類外的div容器

.Bild-Startseite img { width:50%; }

DIV的容器使用Bild-Startseite：所以我添加下面一行到我的CSS文件。不幸的是，這不會改變div容器內部圖像的寬度... 出了什麼問題？

CSS文件是在這裏：http://web182.theta.ibone.ch/klingler_ag/fileadmin/templates/css/screen/screen-PAGE-layout.css

並與格容器的網站：http://web182.theta.ibone.ch/klingler_ag/home.html

感謝

來源

2013-04-27 Reto

的問題是，一個更具體的選擇已經瞄準<img>：

#main img, 
#main audio, 
#main video, 
#main embed { 
height: auto; 
width: auto; 
max-width: 100%; 
/* ID's will always take precedence over classes */ 
}

您可以嘗試在聲明的結尾處加一個!important規則..或將其添加爲內嵌式

.Bild-Startseite img { 
width: 50% !important; 
}

來源

2013-04-27 15:46:35 Adrift

作品！但現在圖像是div容器的50％，div容器仍然是原始圖像大小...這不是我想要的... :-( – Reto 2013-04-27 15:55:26

那麼你到底想要什麼？ – Adrift 2013-04-27 16:00:53

img是50 ％的窗口寬度沒有空白空間的權利的圖像... – Reto 2013-04-27 16:03:13

這是工作;只有一些其他的CSS規則具有更高的特異性。

用途：

.Bild-Startseite img { width: 50% !important; }

覆蓋應用到該元素的所有其他width。

來源

2013-04-27 15:46:23 bwoebi

有兩種方法可以解決。

.Bild-Startseite img { width: 50% !important; }

#main img, 
#main audio, 
#main video, 
#main embed { 
    max-width:100%; 
    height:auto; 
} 

in screen-PAGE-layout.css, remove width attribute.

來源

2013-04-27 15:49:40

通過更改CSS類外的div容器

回答

相關問題