CSS衝突 - 位置：絕對ExtJs網格

最近我將ExtJs網格集成到一個現有的網頁，並導致CSS衝突。我確定了現有樣式表中存在衝突的CSS。不幸的是，我無法修改我當前的樣式表，因爲整個網站都是建立在此基礎上的。CSS衝突 - 位置：絕對ExtJs網格

我已經使用ctCls，baseCls，bodyCfg，bwrapCssClass和bodyCssClass試過，但沒有制定出符合市場預期。

下面是我現有的網站

div 
{ 
font-weight: bold; 
font-size: 12px; 
visibility: visible; 
font-family: Arial, sans-serif; 
white-space: nowrap; 
position: absolute; 
}

風格位置衝突的樣式表：絕對是導致衝突的。我試過CSS覆蓋，但沒有按預期工作。

請注意：設置樣式位置：相對到渲染網格中的每個DIV標籤都可以修復問題。我用模擬了IE開發工具欄。

有人可以幫助我，我該怎麼設置，爲渲染電網，這樣我就可以成功地覆蓋的位置是：絕對的母版頁CSS樣式的，與位置：相對。

有沒有人有類似的問題？我可以成功覆蓋CSS嗎？任何幫助將不勝感激。

感謝

來源

2011-05-05 abhilashca

是否有可能您提供了網格。所以我們可以嘗試在螢火蟲中看到它。 tnx – 2011-05-05 09:39:57

我不認爲，這是對網頁上的所有<div> -elements設置CSS樣式在這樣一種通用的方式是一個好主意。但是，OK ......你可以嘗試使用覆蓋以下CSS規則的設置：

.x-grid3, 
.x-grid3 div { 
    font-weight: normal; 
    position: static; 
}

來源

2011-05-05 08:29:23

沒有！它不工作。我也嘗試過其他幾個CSS類。 CSS中有什麼機制允許忽略特定的樣式位置：絕對來自masterpage的樣式表，而渲染？我已經嘗試過！重要性，但沒用。 :( – abhilashca 2011-05-05 08:54:33

該標誌被稱爲'！important'，但您應該使用Firebug（或其他開發工具）來檢查哪些樣式應用於某個元素以及哪些樣式已被覆蓋。 – 2011-05-05 09:08:15

嗨，感謝修正（！重要）。我設法通過在ext-all css文件中添加樣式來覆蓋css。 'code'div {position：relative;}'code' 但是這只是固定網格的位置問題，但已經導致了一些font-family和font大小的問題，因爲我的DIV的maste風格定義了這些樣式。暫時沒問題。但是，我正在尋找一種更好的解決方案。謝謝您的幫助：） – abhilashca 2011-05-05 10:57:03

我與我的web項目同樣的問題，我已經搜查很長時間才能找到解決方案。問題是兩個元素在相同的幀中使用相同的Css。因此，避免衝突的最好方法是將Grid Panel渲染到另一個框架中（始終放入同一頁面）。您可以使用Managed IFrame user extension或uxmedia。我正在使用uxmedia擴展。要在uxmedia中創建一個iFrame：

var htmlViewer = new Ext.ux.ManagedIFrame.Panel({ 

    border : false, 

    title : title, 

    header: header, 

    region:'center', 

    iconCls : iconCls, 

     // Here your Grid Panel comes within an url from server side 
    defaultSrc : urlAddress 
     });

來源

2011-05-07 09:43:37

CSS衝突 - 位置：絕對ExtJs網格

回答

相關問題